零基础学做网站培训介绍

当前位置:

css样式书写顺序

在自己建网站时,我使用使用CSS样式来控制HTML的显示样式。css样式中有很多的样式属性,在书写css样式时,需要按照一定的Web前端开发规范进行书写,有利于提高CSS的执行效率。

css样式书写顺序

以下是学做网站论坛汇总的css样式书写顺序规则。

在CSS样式属性中,可分为三组:显示属性、自身属性和文本属性。在CSS样式书写顺序时,尽量按照以下的顺序进行书写:

1. 影响文档流的属性(比如:display, position, float, clear, visibility, table-layout等)
2. 自身盒模型的属性(比如:width, height, margin, padding, border等)
3. 排版相关属性(比如:font, line-height, text-align, text-indent, vertical-align等等)
4. 装饰性属性(比如:color, background, opacity, cursor等)
5. 生成内容的属性(比如:content, list-style, quotes等)

相关阅读:

CSS中Class与ID的使用规范

CSS font-family中文字体设置方法

精简高效的CSS命名规范

发表评论

电子邮件地址不会被公开。 必填项已用*标注