CSS规范之属性书写顺序

2020.06.02 - 宅先生

        CSS属性书写,建议遵循以下顺序:

        1.布局定位属性:

                display / position / float / clear / visibility / overflow 

                建议display第一个写,毕竟关系到模式。

        2.自身属性:

                width / height / margin / padding / border / background

        3.文本属性:

                color / font / text-decoration / text-align / vertical-align / white-space / break-word

        4.其他属性(CSS3):

                content / cursor / border-radius / box-shadow / text-shadow

        示例:

.jdc {
display: block;
position: relative;
float: left;
width: 100px;
height: 100px;
margin: 0 auto;
padding: 20px 0;
font-family: Arial;
color: #333;
background: rgba(0,0,0,.5);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
}

- END -

各位看官,如果你觉得文章不错,请鼓励鼓励吧~~

Sublime个人使用优化配置

码一下在使用Sublime过程中的,个人习惯的一些配置操作

取消

您的支持,是我继续创作的动力!

扫码支持
人生百态皆无常,最是一颗感恩心

打开支付宝扫一扫,即可进行扫码打赏

所得打赏均用于域名续费、服务器租赁等维持平台正常运营的必要支出。

海报生成中...