CSS规范属性书写顺序

最新推荐文章于 2024-10-02 15:35:50 发布

UchihaTotoro

最新推荐文章于 2024-10-02 15:35:50 发布

阅读量97

点赞数

分类专栏： css笔记文章标签： css

本文链接：https://blog.csdn.net/HelloBreaking/article/details/118943409

版权

css笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了CSS属性的书写顺序，包括布局定位、自身属性、文本属性及CSS3扩展属性，遵循前端编码最佳实践，如.positioning, .box-model, .typography等，并推荐了前端代码规范文档。

摘要由CSDN通过智能技术生成

标题css属性书写顺序

布局定位属性： display/position/float/clear/visibility/overflow
6个
自身属性： width/height/margin/padding/border/background
6个
文本属性：color/font/text-decoration/text-align/vertical-align/white-space/break-word
7个
其他属性（css3）: content/cursor/border-radius/box-shadow/text-shadow/background:linear-gradient…

.sidebar {
    /* formatting model: positioning schemes / offsets / z-indexes / display / ...  */
    position: absolute;
    top: 50px;
    left: 0;
    overflow-x: hidden;

    /* box model: sizes / margins / paddings / borders / ...  */
    width: 200px;
    padding: 5px;
    border: 1px solid #ddd;

    /* typographic: font / aligns / text styles / ... */
    font-size: 14px;
    line-height: 20px;

    /* visual: colors / shadows / gradients / ... */
    background: #f5f5f5;
    color: #333;
    -webkit-transition: color 1s;
       -moz-transition: color 1s;
            transition: color 1s;
}