关于css的书写顺序

在书写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;
}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值