css定义几种格式

定义css几种格式
1.类型选择符,直接使用元素名称定义
   html{/*<定义网页结构总体样式>*/}
   body{/*<定义页面属性>*/}
    div{/*<定义div元素的属性>*/}
   span{/*<定义span元素的属性>*/}

2. id选择符

       #top{

                {/*<定义id为top元素的文本颜色为red>*/

                 color:red;

               }

       #top div{/*<定义id为top的所有子div元素样式,但不包含id为top的样式>*/}

       #top .child1{/*<子级样式一>*/}
       #top .child2{/*<子级样式二>*/}
      <div id="top">我是div</div>

3. class 选择符

          这个就不说了

4. 分组选择符

       h1,h2,h3,h4,h5,h6,p{/*<定义所有级别的标题和段落行高都为字体大小的1.6倍>*

                                           line-height:1.6em;

                                       /}

       .class1,class2{{/*<所有这些class类型样式>*/}

5. 包含选择符

    .div1 h2 p span{/*多层包含选择符*/

                                  font-size:18px;

                            }

6.  元素指定选择符

       span.red{/*定义div元素中class为red元素的颜色为红色*/

                color:red;

             }

    span#top{/*定义div元素中id为top元素的颜色为红色宽度为百分之百*/

                width:100%;

             }

7. 子对象选择符

      #main > table{/*定义id为main的主体模块中子对象table的样式*/}

      #main > .title{/*定义id为main的主体模块中子对象class为title的样式*/}

 

以上是定义css格式的语法格式,但是不同格式也让样式具有优先级,简单说下优先级顺序:

    id选择符 >  class选择符 > 类型选择符