css

1.box-sizing

2.优先级修改框架样式

3.&符号

4.某个元素的伪元素:: (css3开始执行)伪类:。伪元素就是一个元素  可以将某个元素看作父元素,伪元素为子元素,使用你想用的样式。继承时需要先从原始元素继承,再从原始元素的父元素继承。

伪类再写时如p:first-child表示既为p标签而且时父元素的第一个子元素

5.行高特性:行内元素有顶线 中线 基线 底线, 两基线之间的距离为行距 ,(line-height-font-size)/2将这个值分别添加到文本行的上下,所以将height和line-height'设置为一样可以体现行高的特性即垂直居中性 继承性  可参考:https://www.cnblogs.com/zeifenbing/p/6309094.html

如何写出好的CSS样式

提高团队协作效率 提高代码利用率 写出高质量代码 后期维护

尽量多使用class

css文件分成“公共型样式”、“特殊型样式”、“皮肤型样式”

重置默认的样式 统一处理的css代码  布局 模块 元件 功能 皮肤 状态

根据属性的重要性顺序书写

先书写定位布局类属性,在书写盒模型等自身属性,最后书写文本类及修饰类属性。 另外,如果属性间存在关联性,则不要隔开写

私有在前,标准在后

子类命名使用父类作为前缀

类选择器深度不易超过四层

https://juejin.im/post/5d3eca78e51d4561cb5dde12

原文地址:https://www.cnblogs.com/theworldofbeisong/p/11310319.html