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>

这样写效果和上面的一样,但是代码就会很整洁

继续学习
||
<!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>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS 轻松入门教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我又来了

可以给每个单独的标签设样式是吗,明白了

7年前    添加回复 0

看山看水看代码

很容易明白

7年前    添加回复 0

仗义皆为屠狗辈 无情多为读书人

比较简单,明白了

7年前    添加回复 0

末日的春天

使用标签添加样式

7年前    添加回复 0

烟雨江南

明白了元素选择器 元素名{样式}

7年前    添加回复 0

在写样式的时候,后面的 } 没有写,为啥没有效果?

[最新 数据分析师 的回答] 在写样式的时候,后面的 } 没有写,为啥没有效果?-PHP中文网问答-在写样式的时候,后面的 } 没有写,为啥没有效果?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~