css的语法

最新推荐文章于 2024-08-04 20:38:28 发布

wxcszrp

最新推荐文章于 2024-08-04 20:38:28 发布

阅读量333

点赞数 1

分类专栏： css 文章标签： css type java

本文链接：https://blog.csdn.net/wxcszrp/article/details/51871125

版权

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.通过本身改变文字：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，css</title>
<style type="text/css">
	p{
		color: red;
		font-size: 50px;
	}
</style>
</head>
<body>
<p>这是一句话</p>
</body>
</html>

2.通过class改变文字：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>你好，css</title>
<style type="text/css">
	.x{
		color: blue;
	}
</style>
</head>
<body>
<p class="x">这是一句话</p>
</body>
</html>

3.通过id改变文字：

下面有。

4.优先级：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
p{
	color:red;
}
.x{
	color:green;
}
#z{
	color:pink;
}
</style>
</head>
<body>
<p>第一行</p>
<p class="x">第二行</p>
<p class="x" id="z">第三行</p>
<p style="color:black" class="x" id="z">第四行</p>
</body>
</html>