css常用属性

参考地址：https://www.w3school.com.cn/css/index.asp

css常用属性：
    背景属性：
        background                简写属性，作用是将背景属性设置在一个声明中。
        background-attachment    背景图像是否固定或者随着页面的其余部分滚动。
        background-color        设置元素的背景颜色。
        background-image        把图像设置为背景。
        background-position        设置背景图像的起始位置。
        background-repeat        设置背景图像是否及如何重复。
    
    文本属性
        color            设置文本颜色
        direction        设置文本方向。
        line-height        设置行高。
        letter-spacing    设置字符间距。
        text-align        对齐元素中的文本。
        text-decoration    向文本添加修饰。
        text-indent        缩进元素中文本的首行。
        text-shadow        设置文本阴影。CSS2 包含该属性，但是 CSS2.1 没有保留该属性。
        text-transform    控制元素中的字母。
        unicode-bidi    设置文本方向。
        white-space        设置元素中空白的处理方式。
        word-spacing    设置字间距。
        
    字体属性：
        font                简写属性。作用是把所有针对字体的属性设置在一个声明中。
        font-family            设置字体系列。
        font-size            设置字体的尺寸。
        font-size-adjust    当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）
        font-stretch        对字体进行水平拉伸。（CSS2.1 已删除该属性。）
        font-style            设置字体风格。
        font-variant        以小型大写字体或者正常字体显示文本。
        font-weight            设置字体的粗细。
        
    列表属性(list)：
        list-style            简写属性。用于把所有用于列表的属性设置于一个声明中。
        list-style-image    将图象设置为列表项标志。
        list-style-position    设置列表中列表项标志的位置。
        list-style-type        设置列表项标志的类型。
        
    框模型术语：
        element :     元素。
        padding :     内边距，也有资料将其翻译为填充。
        border :     边框。
        margin :     外边距，也有资料将其翻译为空白或空白边。
    内边距属性：
        padding            简写属性。作用是在一个声明中设置元素的所内边距属性。
        padding-bottom    设置元素的下内边距。
        padding-left    设置元素的左内边距。
        padding-right    设置元素的右内边距。
        padding-top        设置元素的上内边距。
    边框属性：
        border            简写属性，用于把针对四个边的属性设置在一个声明。
        border-style    用于设置元素所有边框的样式，或者单独地为各边设置边框样式。（四方向）
        border-width    简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。（四方向）
        border-color    简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。（四方向）
    外边距：属性
        margin            简写属性。在一个声明中设置所有外边距属性。
        margin-bottom    设置元素的下外边距。
        margin-left        设置元素的左外边距。
        margin-right    设置元素的右外边距。
        margin-top        设置元素的上外边距。
        
    定位属性
        position        把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
        top                定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。
        right            定义了定位元素右外边距边界与其包含块右边界之间的偏移。
        bottom            定义了定位元素下外边距边界与其包含块下边界之间的偏移。
        left            定义了定位元素左外边距边界与其包含块左边界之间的偏移。
        overflow        设置当元素的内容溢出其区域时发生的事情。
        clip            设置元素的形状。元素被剪入这个形状之中，然后显示出来。
        vertical-align    设置元素的垂直对齐方式。
        z-index            设置元素的堆叠顺序。
        
    轮廓属性
        outline-style solid(实线)/dotted(虚线)/dashed(虚线)等设置轮廓的样式
        outline-color 16进制;用于表示颜色的英文 设置轮廓的颜色
        outline-width 数值 设置轮廓的宽度
        
    显示属性display： none:不显示 block:块级显示 inline:行级显示
    width:设置元素的宽度
    height:设置元素的高度
    
    浮动属性float
        浮动可以帮助我们更好进行页面排版，使原本竖着排列的盒子可以横向排列起来。
        副作用：因为浮动会使元素脱离了标准的文档流，从而导致父级元素无法被撑开。
        解决办法：添加空盒子
        在被浮动的元素后面，添加一个空的div，并且设置一个clear类，并付给该div
        .clear{clear:both;}