CSS-书写顺序

属性书写顺序

.box {
    /* 布局类型 */
    display: block;
    position: relative;
    float: left;
    /* 盒子模型+背景 */
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 10px 10px;
    border: 1px solid pink;
    background: pink url(image.jpg) no-repeat fixed center;
    /* 文本内容属性 */
    color: pink;
    font: italic 700 24px/1.5 'Microsoft YaHei';
    text-decoration: none;
    text-align: center;
    line-height: 100px;
    /* 点缀属性 */
    cursor: help;
    border-radius: 50%;
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .3);
    text-shadow: 1px 1px 3px black;;
}