【content-box表示确定宽高(height，width)后，该宽高实际上是元素内容的宽高，在这个宽高的基础上，设置的padding、border等会增加该元素实际的占用空间】
【border-box表示确定宽高(height，width)后，该宽高已经是元素的实际占用空间，在这个宽高的基础上，设置的padding、border等只会压缩元素内容的宽高，不会改变元素的占用空间】
【border-box表示确定宽高(height，width)后，该宽高已经是元素的实际占用空间，在这个宽高的基础上，设置的padding、border等只会压缩元素内容的宽高，不会改变元素的占用空间】
2017-01-17
最新回答 / To_be_a_master
你可以这么理解，你定义了一个 高度 宽度一定的具有红色背景颜色的盒子模型 在盒子模型上添加了 边框背景 由于边框背景优先级 大于背景颜色 所以 边框背景部分 会覆盖盒子模型的红色背景，而其他没有被覆盖的部分 依然会显示
2017-01-17
第一层 display: flex;
flex-direction: row || column || row-reverse || column-reverse;
(row时)（左右）justify-content: flex-start || center || flex-end;
（上下）align-items: 同上
第二层 flex: 2;
flex: 1;（长度2:1）
前缀除“display: -webkit-flex;”都加在前面
flex-direction: row || column || row-reverse || column-reverse;
(row时)（左右）justify-content: flex-start || center || flex-end;
（上下）align-items: 同上
第二层 flex: 2;
flex: 1;（长度2:1）
前缀除“display: -webkit-flex;”都加在前面
2017-01-17
简单的说下。也就是li：first-child匹配的是第一个子元素，并且这个子元素的类型必须是li，而li：first-of-type则是匹配的第一个类型为li的子元素。理解就好。
2017-01-17
最赞回答 / 德坤
总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;transition: property/当设置为all时，表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数，设置过渡的各种状态/ delay;animation: KeyframesName/关键帧，其内容可以设置根据百...
2017-01-16
-ms-transform:rotate(7deg); //-ms代表ie内核识别码
-moz-transform:rotate(7deg); //-moz代表火狐内核识别码
-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码
-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码
transform:rotate(7deg); //统一标识语句。。。最好这句话也写下去，符合w3c标准
-moz-transform:rotate(7deg); //-moz代表火狐内核识别码
-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码
-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码
transform:rotate(7deg); //统一标识语句。。。最好这句话也写下去，符合w3c标准
2017-01-14
