今天学习了CSS,CSS是一种用于描述网页样式和布局的标记语言。它与HTML（超文本标记语言）一起使用，为网页提供了外观和样式。通过CSS，我们可以控制文本的字体、颜色、大小，以及元素的位置、大小、背景等。CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，声明块包含一系列属性和值，用于定义元素的样式。css复制代码选择器 {属性1: 值1;属性2: 值2;...}
CSS选择器：用于选择要应用样式的HTML元素。以下是一些常见的CSS选择器：元素选择器：选择指定类型的HTML元素，如h1、p、div等。类选择器：选择具有相同类名的元素，使用.作为前缀，如.container。ID选择器：选择具有唯一ID的元素，使用#作为前缀，如#header。后代选择器：选择某个元素的后代元素，使用空格分隔，如.container p选择.container内的所有p元素。
CSS属性和值：CSS属性用于描述元素的各个方面，如颜色、大小、边框等。每个属性都有对应的值，用于定义属性的具体表现。
以下是一些常见的CSS属性和值：color：定义文本颜色，可以使用颜色名称、十六进制值或RGB值。font-size：定义字体大小，可以使用像素、百分比或其他单位。background-color：定义背景颜色，使用颜色名称、十六进制值或RGB值。
width和height：定义元素的宽度和高度，可以使用像素、百分比或其他单位。margin和padding：定义元素的外边距和内边距，可以使用像素、百分比或其他单位。
CSS盒模型：CSS盒模型描述了HTML元素在页面上的布局。每个元素都被视为一个矩形框，由内容区域、内边距、边框和外边距组成。内容区域（Content）：包含元素的实际内容，如文本、图像等。内边距（Padding）：位于内容区域和边框之间，用于控制内容与边框之间的间距。边框（Border）：位于内边距之外，用于定义元素的边界。外边距（Margin）：位于边框之外，用于控制元素与其他元素之间的间距。
CSS布局：CSS用于控制元素在页面上的位置和排列。流动布局：元素按照其在HTML中出现的顺序自上而下流动排列。浮动布局：通过将元素浮动到左侧或右侧，实现元素的排列和文本环绕效果。弹性布局：通过使用display: flex属性，实现灵活的盒子模型布局。
