1:标签选择器
标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式
代码如下:
<html>
<head>
<styletype=text/css>
p{font:宋体; color:#ff0000}
</style>
</head>
<body>
<pid=p1>我现在表现的是标签选择器</p>
<pid=p2>我也用的是标签选择器</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
2:id选择器,注意id选择器是唯一的,因为只有id=yy的才有这种样式,而一个页面里元素的id必须是唯一的,所以。。。你懂得id选择器以#开头用法是:id=
代码如下:
<html>
<head>
<styletype=text/css>
#yy{font:宋体; color:#ff0000}
</style>
</head>
<body>
<pid=yy>我现在表现的是id选择器</p>
<pid=p>我没有被id选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>
3:类选择器,类选择器以.开头 只要把元素的class= 就能表现为这种样式了用法是:class=
代码如下:
<html>
<head>
<styletype=text/css>
.yy{font:宋体; color:#ff0000}
</style>
</head>
<body>
<pclass=yy>我现在表现的是类选择器</p>
<pclass=yy>我没有被类选择器修饰</p>
<h1>我没有被任何的选择器修饰</h1>
</body>
</html>