zoukankan      html  css  js  c++  java
  • 前端开发--css属性书写顺序

    css属性顺序是css良好编码风格的一部分,有助于提高代码可读性,便于发现代码问题,有利于团队合作。(依次排后)

    example {

    /*显示属性*/
    display: ;
    visibility: ;
    float: ;
    clear: ;

    /*定位属性*/

    position: ;
    top: ;
    right: ;
    bottom: ;
    left: ;
    z-index: ;

    /*盒模型属性*/

    ;
    min- ;
    max- ;
    height: ;
    min-height: ;
    max-height: ;
    overflow: ;

    margin: ;
    margin-top: ;
    margin-right: ;
    margin-bottom: ;
    margin-left: ;

    padding: ;
    padding-top: ;
    padding-right: ;
    padding-bottom: ;
    padding-left: ;

    border: ;
    border-top: ;
    border-right: ;
    border-bottom: ;
    border-left: ;


    /*显示其他属性*/
    outline: ;
    list-style: ;

    /*表格属性*/
    border-collapse: ;
    empty-cells: ;


    /*文本属性*/

    font: ;
    font-style: ;
    font-weight: ;
    font-size: ;
    line-height: ;
    font-family: ;
    text-align: ;
    text-indent: ;
    text-decoration: ;
    letter-spacing: ;
    word-spacing: ;
    white-space: ;
    vertical-align: ;
    color: ;

    /*背景属性*/
    background: ;
    background-color: ;
    background-image: ;
    background-repeat: ;
    background-position: ;

    /*其他属性*/

    opacity: ;
    cursor: ;
    content: ;

    }

  • 相关阅读:
    mac 下webstorm调节字体大小
    js等于符号的详解
    js运算符相关要点
    js字符串相关要点
    js变量的相关要点
    JS中的let变量
    测试浏览器是否支持JavaScript脚本
    document.write的时机
    Valid Parentheses
    Remove Nth Node From End of List
  • 原文地址:https://www.cnblogs.com/sun927/p/5663414.html
Copyright © 2011-2022 走看看