版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Seven521m/article/details/49583045
在书写css样式时经常随性地想到哪写到哪,这样不仅不符合书写规范,而且会影响代码的阅读体验。因此在书写css样式属性时应当遵循以下规范:
1.位置属性:包括position、top、right、z-index、display、float等
2.大小属性:包括width、height、margin、padding等
3.文字属性:包括font、line-height、letter-spaceing、color、text-align等
4.背景:包括background、border等
5.其它:包括animation、transition等
例:
下面的写法就不规范
.example{
background:url("1.jpg") no-repeat;
color:red;
border:1px solid #ccc;
padding:10px;
z-index:999;
display:inline-block;
}
规范的写法如下
.example{
z-index:999;
display:inline-block;
padding:10px;
color:red;
border:1px solid #ccc;
background:url("1.jpg") no-repeat;
}