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

<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>

CSS属性

家人们慢慢学吧,目前我主要在学java后端,前段等我学的差不多了再回头补。

经验分享 程序员 微信小程序 职场和发展