CSS（层叠样式表）是一种用于描述网页样式的语言。它控制网页的布局、颜色、字体大小和其他外观特性，使得网页具有更好的可读性和吸引力。在本文中，我们将介绍一些CSS的基础知识。
选择器
选择器是用于选择需要应用样式的HTML元素的模式。CSS有几种常见的选择器：
- 元素选择器：通过指定元素名称来选择元素，例如
p选择所有<p>元素。 - 类选择器：通过指定类名来选择元素，例如
.container选择所有带有container类的元素。 - ID选择器：通过指定ID来选择元素，例如
#header选择ID为header的元素。 - 属性选择器：通过指定元素的属性来选择元素，例如
[type="submit"]选择所有type属性值为submit的元素。
盒子模型
盒子模型是CSS中一个关键的概念，它描述了一个元素在网页中的布局。每个元素都被认为是一个矩形的盒子，由四个部分组成：内容区域、内边距、边框和外边距。
- 内容区域：包含元素的实际内容，例如文本、图像等。
- 内边距：元素的内容区域与边框之间的空间，可以用来调整元素的内部间距。
- 边框：围绕元素内容和内边距的线条，可以设置边框的样式、颜色和宽度。
- 外边距：元素与其他元素之间的空间，可以用来调整元素的外部间距。
盒子模型的调整
可以使用CSS的属性来调整盒子模型的各个部分：
width和height属性用于设置元素的宽度和高度。padding属性用于设置元素的内边距。border属性用于设置元素的边框。margin属性用于设置元素的外边距。
CSS样式优先级
当多个CSS规则应用到同一个元素时，可能会存在样式冲突。在这种情况下，CSS样式优先级规则可以帮助我们确定哪个样式将被应用。
- 内联样式：通过
style属性直接写在HTML元素上的样式具有最高的优先级。 - ID选择器：具有ID选择器的样式优先级较高。
- 类选择器、属性选择器和伪类选择器：具有类选择器、属性选择器和伪类选择器的样式优先级较低。
- 元素选择器：具有元素选择器的样式优先级最低。
CSS选择器的组合使用
CSS选择器可以组合使用，以选择更具体的元素或元素组。例如：
- 后代选择器：使用空格来选择元素的后代元素，例如
div p选择<div>内的所有<p>元素。 - 子选择器：使用大于号（>）选择元素的直接子元素，例如
div > p只选择<div>的直接子元素中的<p>元素。 - 相邻兄弟选择器：使用加号（+）选择相邻的兄弟元素，例如
h1 + p选择紧接在<h1>元素后的<p>元素。
以上只是CSS的一些基础知识，还有很多高级的技巧和属性可以探索。希望这篇文章能为您提供了一些关于CSS的基本了解。
参考资料：
