css定义几种格式
来源:百度文库 编辑:神马文学网 时间:2024/04/26 20:08:24
定义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{/*<子级样式二>*/}
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选择符 > 类型选择符