CSS 样式是用来控制 HTML 元素的外观和布局的一种语言。CSS 样式可以通过三种方式添加到 HTML 文档中：
内联样式：在 HTML 元素中使用 style 属性，适用于单个元素的特殊样式。
内部样式：在 HTML 文档的 head 部分中使用 style 标签，适用于单个页面的统一样式。
外部样式：在 HTML 文档中使用 link 标签引用外部的 CSS 文件，适用于多个页面的共享样式。
下面是一个简单的代码示例，它使用内部样式和外部样式来设置页面的背景色、标题的颜色和字体、段落的边框和边距等：
<html>
<head>
<!-- 使用内部样式设置 body 的背景色 -->
<style>
body {
background-color: powderblue;
}
</style>
<!-- 使用 link 标签引用外部的 CSS 文件 -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>这是外部的 CSS 文件 "styles.css" 的内容：
/* 使用外部样式设置 h1 的颜色和字体 */
h1 {
color: blue;
font-family: verdana;
}
/* 使用外部样式设置 p 的边框和边距 */
p {
border: 2px solid red;
margin: 20px;
}你可以在这里看到这个代码的运行效果。
DNS二级域名系统分发系统