一般来说，我处理图标如果临近的话都会使用同样宽高，然后使用inline-block比较多，表单输入框和按钮以line-height:21-22为准。然后超出的用padding来补充。 1.图标和文字对齐 一般的图标和文字对齐html代码： 霍者网页设计 删除霍者…

这里不说bootstrap和其他框架的自适应方案，仅用最基本的css属性来控制 使用自适应方案的前提：替换原有的网站位置控制思维 网址控制： 1. float /right 2. margin-*/pading-* 3. position:relative...... 4. 100px , 20px..... 自适应思…

毫无艺术细胞的我，一直以来都只会切图而不会做图。正如前几天，我给博客导航菜单加上简单的动画，就显得违和感十足。感叹 2017 的现在，做网站普遍已经不用过多的考虑 IE 系列浏览器，一些简单的动画可以完全采用 CSS3 实…

本文可全文转载，个人网站无需授权，只要保留原作者、出处以及文中链接即可，任何网站均可摘要聚合，商用请联系授权。 一、开始，关于图标变色，引言 上周写了篇文章，利用 filter:hue-rotate色调旋转滤镜改变按钮颜色 进行复制，后来我就一想，利用滤镜岂不是可以很方便改变小…

目录 一、CSS基础入门（一）CSS概述1.CSS的定义与作用2.CSS的历史与发展3.CSS的核心概念（1）选择器（Selector）（2）声明（Declaration）（3）规…

【css】移动端适配 文章目录 【css】移动端适配一、物理像素（设备像素） && css像素（逻辑像素）设备像素比 二、px、em、rem 的区别及使用场景三者的区别：使用场景：rem： 三、vw 与 vh四、…

目录 思路 预览： 效果图： 代码实现步骤： 第一步，定义.phone类 第二步，定义其伪元素:before,:after 第三步，接下来画主体部分 第四步，画音量，电源、听筒等部分。 思路 手机外形上来说就是长方形，然后加上圆角边框，如果是简单的平面图形，几分钟就可以用html标签…

1.图标和文字对齐 一般的图标和文字对齐html代码： 前端开发博客 javascript:" class"icon">删除前端开发博客 zxx的CSS代码： p{line-height:20px; font-size:14px;} .icon { display: inline-block; width:20px; height:20px; backgro…