10. CSS属性书写顺序(重点)

2021-03-02 14:27

阅读:591

标签:lis   display   enc   rgba   block   css3   ext   string   规范   

生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验..

建议遵循以下顺序:

  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 / background:linear-gradient …

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

 

10. CSS属性书写顺序(重点)

标签:lis   display   enc   rgba   block   css3   ext   string   规范   

原文地址:https://www.cnblogs.com/zhif97/p/14333103.html


评论


亲,登录后才可以留言!