CSS 简介学习笔记
什么是 CSS？
CSS（Cascading Style Sheets）是一种用于描述文档样式的样式表语言。它可以用于控制网页的布局、字体、颜色、背景等方面的样式。
如何使用 CSS？
可以通过以下三种方式将 CSS 样式应用到 HTML 文档中：
1. 内联样式
在 HTML 标签中直接添加样式属性，例如：
htmlCopy Code<p style="color: red;">这是一段红色的文本。</p>
2. 内部样式表
在头部 <head> 标签内使用 <style> 标签来定义样式，例如：
htmlCopy Code<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是一段红色的文本。</p>
</body>
3. 外部样式表
将样式定义在一个单独的 .css 文件中，并在 HTML 中引用这个文件，例如：
htmlCopy Code<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="red-text">这是一段红色的文本。</p>
</body>
styles.css 文件中的内容：
cssCopy Code.red-text {
color: red;
}
CSS 选择器
CSS 选择器用于选择要应用样式的 HTML 元素。以下是一些常见的 CSS 选择器：
1. 元素选择器
通过 HTML 元素名来选择，例如：
cssCopy Codep {
color: red;
}
2. id 选择器
通过 HTML 元素的 ID 属性来选择，例如：
cssCopy Code#my-element {
color: blue;
}
3. 类选择器
通过 HTML 元素的 class 属性来选择，例如：
cssCopy Code.red-text {
color: red;
}
CSS 属性
CSS 中有许多可以应用于 HTML 元素的属性，以下是一些常见的属性：
1. color
控制文本的颜色，例如：
cssCopy Codep {
color: red;
}
2. font-size
控制文本的字体大小，例如：
cssCopy Codep {
font-size: 16px;
}
3. background-color
控制背景颜色，例如：
cssCopy Codebody {
background-color: grey;
}
以上就是 CSS 简介的学习笔记，希望对您有所帮助！