CSS样式

最新推荐文章于 2023-02-25 20:54:21 发布

舒眉

最新推荐文章于 2023-02-25 20:54:21 发布

阅读量220

点赞数 1

分类专栏： CSS 文章标签： html css 样式

本文链接：https://blog.csdn.net/sunshine_0880/article/details/78069206

版权

CSS 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

CSS样式有三种：

1.内部样式表

内嵌式是将CSS代码集中写在HTML（5）文档的head头部标签，并且用style标签定义，（一般放在title后面）。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		p {
			color: skyblue;
		}
	</style>
</head>
<body>
	<p>样式表</p>
</body>
</html>

2.行内样式表

style在body的标签内。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p style="color: skyblue;">样式表</p>
</body>
</html>

3.外部样式表

HTML和CSS写在两个文件里，其中CSS要用.css后缀。并用link进行连接。

HTML文件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="zj2.css"/><!-- stylesheet 代表是style样式 href是CSS文件路径 -->
</head>
<body>
	<p>样式表</p>
</body>
</html>

CSS文件：