css问题汇总

CS常用选择器:

id选择符

当结构要体现单一样式时,就使用id选择符;在整个html文件当中id选择符是唯一的,主要是为了后续使用js时不报错;但是如果暂时没有js的话也是可以使用多个的,只是如果后续使用js的话可能会出错的

类(clas)选择符

在整个html文件当中如果某一类标签想要使用同一个样式时则使用类选择符;
代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			p{
     
     
				font-weight: bold;
			}
			#tit2{
     
     
				color: red;
			}
			#p2{
     
     
				/* color: yellow; */
				color: green;
			}
			.txt{
     
     
				color: blue;
			}
		</style>
	</head>
	<body>
		<h1 id="tit2">天津泰达</h1>
		<!-- id是唯一的 -->
		<!-- class是一个类 -->
		
		<h1 id="p2">天津泰达</h1>
		<h1 class="txt">天津泰达</h1>
		<h1>天津泰达</h1>
		<p id="p2">上海申花</p>
		<!-- <p>上海申花</p> -->
		<p class="txt">上海申花</p>
		<p>上海申花</p>
		<p>上海申花</p>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/LCY133/article/details/108880485