CSS（层叠样式表）是一种用于描述网页样式的语言，它可以控制网页的布局、颜色、字体等外观效果。在Web开发中，CSS是不可或缺的一部分。本文将介绍CSS的基础知识，帮助初学者快速入门。
1. CSS的引入方式
在HTML文档中引入CSS有三种方式：
1.1 内联样式
内联样式是将CSS代码直接写在HTML标签的style属性中。例如：
<p style="color: red; font-size: 16px;">这是一段红色的文字</p>
1.2 内部样式表
内部样式表是将CSS代码写在HTML文档的<style>标签中。例如：
1.3 外部样式表
外部样式表是将CSS代码写在一个独立的CSS文件中，并在HTML文档中通过<link>标签引入。例如：
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>这是一段红色的文字</p>
</body>
2. CSS样式属性
CSS样式属性用于设置元素的外观效果，以下常见的样式属性有：
color：设置文本颜色。
font-size：设置字体大小。
background-color：设置背景颜色。
margin：设置外边距。
padding：设置内边距。
border：设置边框样式。
3. 示例代码
下面是一个简单的示例代码，演示了如何使用CSS设置一个带有红色背景的标题：
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
background-color: red;
color: white;
padding: 10px;
}
</style>
</head>
<body>
<h1>欢迎来到我的博客</h1>
</body>
</html>
以上代码将会在浏览器中显示一个带有红色背景的标题。
848
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
