CSS样式四种应用方式、选择器的分类、伪类、命名规则

最新推荐文章于 2022-11-06 23:46:23 发布

无名老仙

最新推荐文章于 2022-11-06 23:46:23 发布

阅读量1.2k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_38789789/article/details/103369212

版权

本文详细介绍了CSS样式的四种应用方式及其优先级顺序，包括行内样式、嵌入样式和外部样式。同时，讨论了CSS选择器的分类，特别是伪类的四种状态。接着，阐述了CSS优先级规则，如通配符、标签、类、ID选择器的权值计算以及`!important`的使用。最后，提到了CSS样式的命名规则，包括总体和特定场景如导航的命名建议。

摘要由CSDN通过智能技术生成

一、CSS样式应用方法及使用方法的优先级顺序

<!DOCTYPE html>
<html>
<head>
	<title>CSS样式</title>
	<meta charset="utf-8">
	<link href="css1.css" rel="stylesheet" type="text/css"/><!--外部样式-->
	<!--嵌入样式（其中注释是针对于低版本浏览器，防止无法识别CSS而显示p{color:blue;}）-->
	<style>
		<!--
			p{color:blue;}
		-->
	</style>
	
	<!--导入样式-->
	<style type="text/css">
		@import url(css1.css);
	</style>
</head>
<body>
	<h1 style="color:grey">CSS层叠样式</h1><!--行内样式（内联）-->
	<p>行内样式</p>
	<p>嵌入样式</p>
	<p>外部样式</p>
	<p>导入样式</p>
</body>
</html>

CSS样式规则构成：选择器、声明；