【CSS】内部样式表

最新推荐文章于 2024-07-26 08:00:00 发布

z♡j

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量1k

点赞数 3

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/qq_45890345/article/details/121688122

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一，标签选择器：

<style type="text/css">
		p{
			background-color: skyblue;
			font-size:24px;
		}
</style>

使用：

<body>
<p>夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
</body>

二，类选择器：

<style type="text/css">
		p{
			background-color: skyblue;
			font-size:24px;
		}
		.p1{
			font-family: 华文行楷;
		}
</style>

使用：

<body>
	<p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
</body>

注意：类选择器定义时以点开头

三，背景设置

示例：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		p{
			background-color: skyblue;
			font-size:24px;
		}
		.p1{
			font-family: 华文行楷;
		}
		body{
			background-color: pink;
			background-image: url(../image/1.gif);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: top center;

		}
	</style>
</head>
<body>
	<p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
    <p>夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
    <p>夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
</body>
</html>

四，美观

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		p{
			background-color: skyblue;
			font-size:16px;
		}
		.p1{
			font-family: 华文行楷;
		}
		body{
			background-color: pink;
			background-image: url(../image/1.gif);
			background-attachment: fixed;

		}
	</style>
</head>
<body>
	<p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
    <p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p><p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p><p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p><p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p><p class="p1">夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！
    </p>
</body>
</html>

z♡j

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
【CSS】内部样式表

一，标签选择器：<style type="text/css"> p{ background-color: skyblue; font-size:24px; }</style>使用：<body><p>夫君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。夫学须静也，才须学也，非学无以广才，非志无以成学。淫慢则不能励精，险躁则不能治性。年与时驰，意与日去，遂成枯落，多不接世，悲守穷庐，将复何及！ </
复制链接

扫一扫