html选择器:
css文件可以使用在各种文件(php\html\jsp\asp)
案例:
再比如,我们希望所有的超链接
1、默认样式是:黑色,24px,没有下划线
2、当鼠标移动到超链接时,自动出现下划线
3、点击后,超链接变成红色。这又该怎么实现呢?
<html>
<head>
<title>通配符选择器</title>
</head>
<!--控制超链接的样式-->
<body>
<a href="http://sohu.com">连接到搜狐</a>
<p class="cls1">段落一的样式</p>
<p class="cls2">段落二的样式</p>
<span id="id1">这事一则<span>非常<span>重<a href="#">链接到百度</a></span>要</span>的新闻</span>
</body>
</html>
默认
a:link{
color:black;
font-size:24px;
text-decoration:none;
}
鼠标悬停
a:hover{
text-decoration:underline;
font-size:40px;
color:green;
}
访问过
a:visited{
color:red;
}
控制所有的段落,碰到所有的P都会应用这个样式
p{
color:blue;
font-size:
}
如果想设置不同的段落不同的样式:
p.cls1{
color:blue;
font-size:30px;
}
p.cls2{
color:red;
font-size:20px;
}