Posted on | by liu
CSS（Cascading Style Sheets，层叠样式表）是一种为网页设计而生的样式语言，它定义了如何显示 HTML 元素。你可以通过将 CSS 文件链接到网页代码来设置任何元素的样式，包括背景、字体、颜色等等。那么该如何链接 CSS 文件呢？
首先，要编写一个 CSS 文件，以 .css 为后缀保存。 然后通过以下代码将其链接到 HTML 页面中：
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first web page.</p>
</body>
</html>
在这个例子中，link 标记附有 rel, type 和 href 属性。rel 属性告诉浏览器，链接的文件是该文档的一个样式表；type 属性告诉浏览器，该文件是一个 CSS 文件；href 属性告诉浏览器，样式表文件的位置（在这个例子中，是 styles.css 文件）。
同时，CSS也可以通过内部样式表的方式来链接网页代码：
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
<style>
h1 {
color: red;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first web page.</p>
</body>
</html>在这个例子中，样式表写在 <style> 标签中，其中 h1 元素设置了字体颜色为红色，p 元素设置了字体大小为 18 个像素。
无论是外部样式表还是内部样式表，都可以通过类、ID、元素选择器等方式来选择元素的样式。 CSS 与 HTML 配合使用，能够大大提高网页设计的效率，为用户带来更好的视觉体验。