CSS中的基本选择器

全宇宙超级无敌月光霹雳老少女

于 2020-08-02 15:38:57 发布

阅读量122

点赞数

分类专栏： web 前端文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_40370904/article/details/107745651

版权

web 前端专栏收录该内容

20 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 设置样式语句 -->
<style type="text/css">
	/*标签选择器 */
	h1{
		color:red
	}
	div{
		background-color:yellow
	}
	h2{
		background-color:red
	}
	
	/* id选择器  格式：#id属性值*/
	#p1{
		color:green
	}
	
	/*类选择器   格式：.class*/
	 .p2{
	 	color:blue
	 }
	 
	 /*分组选择器   格式：将各个选择器之间使用逗号分隔*/
	 #p1,.p2{
		font-size:30px
	 }
	
	
</style>
</head>
<body>
	<h1>江雪</h1>
	<h2>唐·李白</h2>
	<p id="p1">千山鸟飞绝</p>
	<p class="p2">万径人踪灭</p>
	<p class="p2">孤舟蓑笠翁</p>
	<p class="p2">独钓寒江雪</p>
	<div>这里是Div标签，用来布局</div>
</body>
</html>