CSS超级无敌基础的基础知识

最新推荐文章于 2026-01-04 19:06:32 发布

原创最新推荐文章于 2026-01-04 19:06:32 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #前端

本文展示了HTML中使用内联样式和外部引用CSS文件的方法，探讨了CSS选择器的优先级，包括ID选择器、类选择器，并提及了颜色属性的设置。此外，作者提到自己当前专注于Java后端学习，计划未来补充前端知识。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>

	<style>
		span{
			color: red;
		}
	</style>
	
	<link rel="stylesheet" href="./css/倒入方式.css">
</head>
	<div style="color: red">这里是css学习 </div>
	
	

	<span> 你好</span>
	
	<p>
		这里是测试外部引用
	</p>
<body>
</body>
</html>

@charset "UTF-8";
/* CSS Document */
p{
	color: red;
}

CSS选择器

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
	
	
	<style>
		div{
			color: red;
		}
		
		<!-- 
		谁的选择范围更小谁生效
		id选择器不可以重名
		class类选择器可以重名
		-->
		#name{
			color: blue;
		}
		.cls{
			color: purple;
		}
		
	</style>
	<div>div1</div>
	<div id="name">div2</div>
	<div class="cls">div3</div>


	<span class="cls">
		span
	</span>
<body>
</body>
</html>