CSS

CSS:

   1 标签的style属性
    2 选择器
        1 id选择器     #idname1, idname2
        2 class选择器   .classname1, classname2
        3 标签选择器     span div
        4 参数选择      input[type='text']
    3 优先级高: 写在下面优先级高
    4 引用单独的css文件
        <link rel="stylesheet" href="css/commons.css" />
    5 边框
        宽度 样式 颜色
        border: 19px dotted darkred;
            border:
                border-left
                border-right
                border-top
                border-bottom
        样式:
            dotted 定义点状边框
            dashed 虚线
            solid 定义实线
            double 定义双线
    6
        height
        20%;
　　　　min- 200-x;
        line-height:40px; 根据div高度居中,数值写div的高度
        color
        font-size
        font-weight: border
        text-align: center;

    7 float
        让标签在一行堆叠
        <div style="clear:both;"></div>     #让父div管住fload的子div
　　　　float:left
　　　　float:right

    8 display:
        行内标签无法设置高度 宽度 padding margin
        display: 此元素会被显示为行内元素
        display:block:  此元素将显示为块元素
        display:inline-block
        display:none    让标签消失

    9 padding margin
        内边距 padding 上右下左
        外边距 margin: 0 auto      # 上下0左右auto

    10 position
        position: fixed;    #固定整个窗体
            right 0;    # 右的距离是0
            left 0;     # 左的距离是0
            top 0;      # 上的距离是0
            bottom 0;   # 下的距离是0
            opacity: 0.5    # 透明度,0最透,1最厚
        position: absolute; #只固定当前窗体,只有第一次定义的位置生效
        position: relative; #配合absolute,外面是relative,里面div是absolute,可以做相对的位置,单独无意义

    11 overflow
        hidden 超出边界隐藏
        auto    超出边界滚动条
    12 hover
        当鼠标移动到当前标签时,以下css生效
        .classname:hover

    13 background
        background-image:
        background-repeat:
        background-position: x y;
        background-position-x: 0px;
        background-position-y: -50px;

　　14 z-index
　　　　指定堆叠顺序,越大越靠前