HTML简单介绍-连接级联样式表

最新推荐文章于 2024-03-21 09:25:25 发布

weixin_34402408

最新推荐文章于 2024-03-21 09:25:25 发布

阅读量199

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/javacy/blog/92102

本文介绍了如何使用CSS样式表控制HTML页面的样式。通过创建一个简单的test.css文件，并将其链接到HTML文档中，可以轻松地调整字体大小、颜色和样式等元素属性。此教程适合初学者了解CSS的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

在HTML里，我们可以通过加载级联样式表css来控制样式，首先需要新建一个.css文件，在这里我使用test.css做介绍。

然后建立HTML文件，将.css文件通过link连接进来，完成后，可以通过浏览器查看结果。

test.css内容

body{
	font-size:80px;
	color:blue;
	font-style:italic;
}

.html文件内容：

<html>
	<head>
		<!-- 将样式表的格式设定加载到文件头，
			这样，样式表就可以用来约束文件体的格式 
			stylesheet,代表连接一个样式表
			text/css,代表为css格式的文本样式表
			test.css，代表文件的路径-->
		<link rel="stylesheet" 
				type="text/css"
				href="test.css">
	</head>
	<body >
		Hello World~
	</body>
</html>

转载于:https://my.oschina.net/javacy/blog/92102