2021-03-09

最新推荐文章于 2024-09-11 14:09:02 发布

lhl3094140242

最新推荐文章于 2024-09-11 14:09:02 发布

阅读量47

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/lhl3094140242/article/details/114578067

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

标签选择器

类选择器：
样式点（.）定义
结构类（class）调用
一个或多个
开发最常用

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			/* 标签选择器 */
			p{
				color:red;
				font-size: 24px;
			}
			/*类选择器：*/
			.style-color{
				color:green;
				font-size: 30px;
			}
			.sun{
				color:blue;
				font-size: 36px;
			}
			.sweet{
				color: yellow;
				font-size: 42px;
			}
		</style>
	</head>
	<body>
		<p>蒹葭苍苍</p>
		<p class="style-color">白露为霜</p>
		<p class="sun">窈窕淑女</p>
		<p class="sweet">君子好逑</p>
	</body>
</html>