Jul 4

css定义几种格式 不指定

chirs , 09:44 , 歪布天地 » CSS , 评论(0) , 引用(0) , 阅读(2361) , Via 本站原创 | |
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选择符 > 类型选择符
Tags: , ,
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]