星空网 > 软件开发 > 网页设计

[笔记]CSS样式声明顺序

来自Bootstrap中文网编程规范

相关的属性声明应当归为一组,并按照下面的顺序排列:

  1. Positioning
  2. Box model
  3. Typographic
  4. Visual
.declaration-order {  /* Positioning */  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 100;  /* Box-model */  display: block;  float: right;  width: 100px;  height: 100px;  /* Typography */  font: normal 13px "Helvetica Neue", sans-serif;  line-height: 1.5;  color: #333;  text-align: center;  /* Visual */  background-color: #f5f5f5;  border: 1px solid #e5e5e5;  border-radius: 3px;  /* Misc */  opacity: 1;}

由于定位(positioning)可以从正常的文档流中移除元素,并且还能覆盖盒模型(box model)相关的样式,因此排在首位。盒模型排在第二位,因为它决定了组件的尺寸和位置。

其他属性只是影响组件的内部(inside)或者是不影响前两组属性,因此排在后面。

完整的属性列表及其排列顺序请参考 Recess。




原标题:[笔记]CSS样式声明顺序

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Facebook广告拒登频繁?广告审核规则至今是个迷:https://www.ikjzd.com/articles/137983
重磅!亚马逊下调库存绩效指标,一仓库被迫关闭:https://www.ikjzd.com/articles/137984
【Shopee市场周报】虾皮新加坡站2020年12月第4周市场周报:https://www.ikjzd.com/articles/137985
跨境卖家的旺季履约 你的包裹能按时抵达吗?:https://www.ikjzd.com/articles/137986
流量难寻 看科技类DTC品牌如何冲破流量困局:https://www.ikjzd.com/articles/137987
美国公司近期为啥这么火?:https://www.ikjzd.com/articles/137988
83万单,Halara的TikTok美国小店爆单思路拆解:https://www.kjdsnews.com/a/1836319.html
83万单,Halara的TikTok美国小店爆单思路拆解:https://www.goluckyvip.com/news/186217.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流