HTML+CSS 轻松入门之层叠

如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?好,这一小节中的层叠帮你解决这个问题。

层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>层叠</title>
	<style type="text/css">
		h1{
			color:green;
		}
		h1{
			color:red;
		}
	</style>
</head>
<body>
	<h1>php 中文网</h1>
</body>
</html>

最后 h1 中的文本会设置为 red,这个层叠很好理解,理解为后面的样式会覆盖前面的样式

所以前面的css样式优先级就不难理解了:

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。


继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>层叠</title> <style type="text/css"> h1{ color:green; } h1{ color:red; } </style> </head> <body> <h1>php 中文网</h1> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS 轻松入门教程

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

我又来了

什么意思啊,没看懂啊

7年前    添加回复 0

看山看水看代码

内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

7年前    添加回复 0

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

还是没看懂,是后面的覆盖前面的意思么

7年前    添加回复 0

末日的春天

标签内部>当前文件>外部文件

7年前    添加回复 0

烟雨江南

明白了,离的越近,优先级越高

7年前    添加回复 0

css的优先级?

[最新 数据分析师 的回答] css的优先级?-PHP中文网问答-css的优先级?-PHP中文网问答围观一下哦,学习一下。

时间:7年前

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