HTML+CSS 轻松入门之什么是选择器
css的定义是有俩部分组成
body{
样式
}
在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素
body 是html 元素，所以我们也称为元素选择器
div table span 等，
下面我们请看实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素选择器</title>
<style type="text/css">
p{
color:red;
}
div{
color:red;
}
span{
color:red;
}
</style>
</head>
<body>
<p>中国</p>
<div>美国</div>
<span>日本</span>
</body>
</html>注：如果正文中有很多标签，需要有同样的样式，那我们在css样式中就要写很多重复的代码，这样页面就会不整洁，下面我们使用一种方法来写，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素选择器</title>
<style type="text/css">
p,div,span{
color:red;
}
</style>
</head>
<body>
<p>中国</p>
<div>美国</div>
<span>日本</span>
</body>
</html>这样写效果和上面的一样，但是代码就会很整洁
我又来了
可以给每个单独的标签设样式是吗，明白了
8年前 添加回复 0