1.一个块元素宽度默认继承包含块的宽度,因此有时宽度可以省略
复制代码item
2.当边框颜色和文字颜色一样时可省略边框颜色
3.当其他属性(如background,border)颜色和文字颜色一样时,可以使用currentColor关键字来继承文字的颜色
复制代码
4.当父元素样式和子元素的某个样式相同时,可以使用inherit来继承父元素样式
5.在某些情况下,父元素高度不是必须的,在默认情况下,父元素会自适应子元素的高度,但是如果子元素使用了浮动,则需要给父元素添加“overflow:hidden"或使用其他方法
复制代码
6.css伪元素可以减少对标签的使用
::before和::after用来将内容插入到元素的前面和后面,需要注意的是,大部分浏览器将这两个伪元素默认以行内元素的方式显示。
7.calc函数
注意运算符前后都需要保留一个空格
比如加了margin的图片列
复制代码
8.使用css选择器
下面举一些例子
(1)当父元素只有一个子元素时会被选中
123复制代码
(2)当父元素有多个子元素时,选中第一个
11111复制代码
或者
复制代码
比如当只有一个子元素时,可以让它居中显示,如果有多个子元素时,可以让它水平排列