CSS（层叠样式表）是一种样式表语言，用于描述HTML或XML等标记语言的样式和布局。CSS可以使Web开发人员轻松控制网站的外观和格式，并为用户提供更好的用户体验。以下是关于CSS深入理解的一份学习笔记：
- CSS选择器
选择器用于选择要应用样式的HTML元素。CSS选择器有不同的类型，包括元素选择器、ID选择器、类选择器、属性选择器和伪类选择器。
-
元素选择器：选择所有具有相同标记名称的HTML元素，例如p、div、h1等。
-
ID选择器：选择具有指定ID的HTML元素，例如#idname。
-
类选择器：选择具有指定类的HTML元素，例如.classname。
-
属性选择器：选择具有指定属性的HTML元素，例如[type="text"]。
-
伪类选择器：选择具有指定状态的HTML元素，例如:hover、:focus、:active等。
- CSS盒模型
CSS盒模型是用于描述HTML元素在页面上的布局和定位的模型。每个HTML元素都是一个盒子，由内容区、内边距、边框和外边距组成。
-
内容区：元素的实际内容，例如文本、图像等。
-
内边距：元素内容周围的空间，用于增加元素内容与边框之间的距离。
-
边框：元素周围的边框，可以设置宽度、颜色和样式等属性。
-
外边距：元素周围的空白区域，用于控制元素与其他元素之间的距离。
- CSS布局
CSS布局是用于定位和排列HTML元素的技术。CSS布局有不同的技术和属性，例如：
-
相对定位：通过设置position:relative属性，使元素相对于其原始位置进行定位。
-
绝对定位：通过设置position:absolute属性，使元素相对于其最近的已定位祖先元素进行定位。
-
固定定位：通过设置position:fixed属性，使元素相对于视口进行定位。
-
浮动：通过设置float属性，使元素浮动到其容器的左侧或右侧。
-
弹性布局：通过设置display:flex属性，创建灵活的布局容器和项目。
- CSS样式属性
CSS有很多不同的样式属性，用于控制HTML元素的外观和格式。以下是一些常用的样式属性：
-
颜色属性：用于设置元素的文本颜色，例如color属性。
-
背景属性：用于设置元素的背景颜色或图像，例如background-color和background-image属性。
-
字体属性：用于设置元素的字体、大小
