CSS（Cascading Style Sheets）是一种用于描述文档如何呈现的语言，主要用于设置网页的布局、颜色、字体、大小等样式，使网页看起来更加美观、易读。
CSS的基础语法 CSS规则由两个主要部分组成：选择器和声明块。
- 选择器：指定要应用样式的HTML元素。可以是元素名称、类名、ID、属性等。
- 声明块：包含一组属性-值对，用于设置元素的样式。每个属性-值对之间使用分号（;）分隔，整个声明块使用大括号（{}）括起来。
举例来说，下面的代码设置了p元素的字体颜色为红色：
p {
color: red;
}
CSS选择器 CSS选择器用于指定要应用样式的HTML元素。常见的选择器包括：
- 元素选择器：根据元素名称匹配HTML元素，如p、h1、a等。
- ID选择器：根据元素的ID属性匹配HTML元素，如#myId。
- 类选择器：根据元素的class属性匹配HTML元素，如.myClass。
- 属性选择器：根据元素的属性值匹配HTML元素，如[type="text"]。
- 后代选择器：选择器之间使用空格（ ）分隔，表示选择嵌套在其他元素内的元素，如div p。
- 子元素选择器：选择器之间使用大于号（>）分隔，表示选择某个元素的子元素，如ul > li。
CSS盒模型 CSS盒模型指的是HTML元素所占据的矩形区域，由内容区域、内边距、边框和外边距组成。
- 内容区域：指元素的实际内容，如文字、图片等。
- 内边距：指内容区域和边框之间的空白区域，可以设置背景色、边框等。
- 边框：指包围内容和内边距的线条。
- 外边距：指元素和其他元素之间的空白区域，可以设置背景色、边框等。
CSS布局 CSS布局指的是如何将HTML元素放置在网页中，实现网页的设计和排版。
- 盒模型布局：使用CSS盒模型设置元素的宽度、高度、内边距、边框和外边距，实现元素的位置和大小。
- 浮动布局：使用CSS的float属性实现元素的左右浮动，使得多个元素可以并排排列。
- 定位布局：使用CSS的position属性和top、bottom
在学校，我们已经学了一个多学的CSS，在青训营我能更加巩固在学校的基础知识，提高写代码的速度，收获很大。
