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>
这样写效果和上面的一样,但是代码就会很整洁