css基础认识一

一：css样式表

             1.内联式

             2.嵌入式

             3.外部样式

二：文档树

三：选择器

             1.元素选择器                                div {color:red;}

             2.类选择器                                   .class_name {color:red;font-size:20px;}

             3.ID选择器                                    #name {color:red;}

             4.包含选择器                                div p {color:red;}

             5.通配符选择器                            *{color:red;}

             6.伪类选择器                                a:link {color:red;} a:visited {color:red;} a:hover {color:red;} a:active {color:red;} div:hover {color:red;}

             7.伪元素选择器                             p:first-line{color:red;} p:first-letter{color:red;}

             8.属性选择器                                 input [ type="password"] {background: #fa1;}

四：样式规则

           选择器{属性：值；属性：值；……} 

五：css属性单位

                  1）长度单位：1em=16px=100%

                  2）颜色单位：color:rgb(50%;20%;30%)       color:rgb(234,45,34)            color:#234df5         color:#4ef=color:#44eeff

                  3）URL单位：background-image:url("pic.png")

六：字体属性

                        font-family:黑体;                         字体
font-size:20px;                           大小
font-weight: 900;                        粗细
font-style: oblique;                     斜体
text-decoration:underline;         下划线
color:red;                                   颜色

七：文本属性

                        width:200px;                               宽度
background-color:gray;              背景颜色
text-align:center;                        居中
text-indent:2em;                         缩进

                        text-shadow:black;                     阴影    

                        line-height:10px;                        行高

                        letter-spacing:0.1em;                 字间距

                        word-spacing:0.1em;                 词间距

                        text-transform:capitalize;           大小写

                        white-space:nomal;                   空白显示

八：属性选择的优先级

                        1.内联样式

                        2.ID选择器

                        3.属性选择器、类选择器

                        4.元素选择器

                        5.通配符选择器

九：样式优先级

                        1.内联式

                        2.嵌入式

                        3.外部样式

                        4.浏览器缺省