摘要：CSS各种选择器的权重： 1.ID选择器 +100 2.类、属性、伪类选择器 +10 3.元素、伪元素选择器 +1 4.其他选择器 +0 如果有两个CSS样式都作用于某元素，如： #id .link a[href] #id(100) + .link(10) +a(1) + [href](0) = 1 阅读全文

摘要：在公司项目或者个人建站时经常会有这么一个需求，就是在网站的底部以图标的形式加入自己的某些常用社交联系方式，比如QQ、微信、微博、Twitter等等，如果采用传统切图的方式去制作这些图标会有两个缺点： 1.前端工程师有可能不懂美工切图的相关技术，而有些小公司又没有美工这个职位，这样自己找素材就会十分麻 阅读全文

摘要：1.改变background-size属性 将图片作为某个html元素的背景图片，用transition属性改变图片的大小。 这种方法有个问题是图片缩放的时候会出现抖动的现象 2.利用scale 使用img标签，并在img标签上添加transform属性改变scale值 这种方法能够获得比较平滑的缩 阅读全文

摘要：1.在container父容器末尾加上一个清除浮动的div标签 这种方法的缺点是在html结构中增加了许多无意义的标签 2.给父容器也添加float:left 这种方法不推荐使用，因为一旦html结构层次比较多时，就要不断在每个父容器上添加浮动属性，影响整个页面的布局 3.在父容器上添加overfl 阅读全文

摘要：width：视口宽度 height：视口高度 device-width：渲染表面的宽度，就是设备屏幕的宽度 device-height：渲染表面的高度，就是设备屏幕的高度 orientation：检查设备处于横向还是纵向 aspect-ratio：基于视口宽度和高度的宽高比，width/height 阅读全文