1. 基本规则
使用小写
使用英文，而不是拼音
使用短横线（-）而不是下划线（_）做连接符（好处：①少按一次 shift； ②区别于 js 中变量命名；③IE...
标签 CSS
文章：6
CSS 书写规范
CSS 书写顺序
书写顺序
遵循浏览器渲染顺序，减少浏览器 reflow（回流），提升浏览器渲染 dom 的性能。
定位属性的修改会导致 reflow，改变文字颜色、背景等会使得浏览器...
transform 导致 position fixed 失效
position: fixed表示相对于窗口定位，可以让元素不跟随浏览器的滚动条滚动，但是今天却碰到了失效的情况。
原来当父元素设置 transform 时，子元素的...
margin:auto 实现元素绝对居中
在 CodePen 发现了一种不太常见元素绝对居中（水平和垂直）方法，大致思路是使用 margin 和 position 属性。但它并非是将 margin 置为负，而是直接置为 auto，需要说明的是元素需要声明宽/高。
CSS 实现图片等比例缩放
对图片使用max-width和max-height，图片会按照父容器宽高自动缩放，并保持图片原本的长宽比，图片相对不变形。
img{
width:...
CSS 引入方式与选择器
CSS 作为前端三件套中的装饰部件有着重要地位，本文在结合W3School及网易云课堂相关课程基础上梳理一下CSS样式表引入方式及选择器相关的知识点。
CSS...