HTML eighth

<html>
	<head>
		<style>
		/*标签选择器:*/
		h3{
			color: pink;
			font-size:60px
		}
		p{
			color:red;
			font-size:24px;
		}
		/*类选择器:*/
		.style-color{
			color:green;
		}
		.style-size{
			font-size: 35px;
		}
		#p-style{
		color:blue;
		font-size:45px;
		}
		
		</style>
		<meta charset="utf-8" />
		<title>第八次</title>
			<!--<p style="color:red; font-size: 24px ;">蒹葭苍苍</p>
			<p style="color:green; font-size: 24px ;">白露为霜</p>
			<p style="color:green; font-size:35px ;">窈窕淑女</p>
			<p style="color:blue; font-size: 45px ;">君子好逑</p>-->
	</head> 
	<body>
		<h3>选择器的用法</h3>
		<p>蒹葭苍苍</p>
		<p class="style-color">白露为霜</p>
		<p class="style-color style-size">窈窕淑女</p>
		<p id="p-style">君子好逑</p>
	</body>
</html>


类选择器 :
样式点(.)定义
结构类(class)调用
一个或多个
开发最常用

ID选择器:
样式#号定义
结构id调用
只能调一次
别人勿使用

Guess you like

Origin blog.csdn.net/weixin_54989803/article/details/114577965