核心提示:1.标签选择器html中的标签如:等等{font-size:12px;line-height:1.6em;color:red}2.类选择器.类选择器名{css样式;}用合适的标签把要修饰的内容标记起来...
1.标签选择器
html中的标签如:
html中的标签如:
等等
{font-size:12px;line-height:1.6em;color:red}
2.类选择器
.类选择器名{css样式;}
用合适的标签把要修饰的内容标记起来如标签
如:
要修饰的内容
.类名{color:red;}
3.id选择器
#id{
color:green;
}
内容
xx:类选择器和id选择器的区别
都可以应用于任何元素
不同点:
1.id选择器怎能在文档中使用一次。在一个HTML文档中id选择器只能使用一次,类选择器可以多次使用
2.类选择器可以使用列表方法为一个元素同事设置多个样式但是id选择器不可以使用列表方法
三年级
4.子选择器
.name>li{border:1px solid red;}
用于指定标签元素的第一代子元素
鼠标滑过的状态来设置字体颜色
5.包含选择器
即加入空格,用于选择指定标签元素下的后辈元素如:
.first span{color:red};
包含选择器将作用于所有子后代元素,用空格,而子选择器则是用>进行选择
6.通用选择器
功能最强的的选择器,它使用(*)指定,它的作用是匹配HTML中所有标签元素
7.伪类选择器
它允许给html不存在的标签(标签的某种状态)设置样式如:
a:hover{color:red;}//为a标签鼠标滑过状态设置字体颜色变红。
百度滑过百度时。。。
8.分组选择符
不同标签元素设置相同的一个样式时
如:h1,span{color:red}这样h1和span就都设置了color=red的样式了