CSS，全称为“层叠样式表”（Cascading Style Sheets），是一种用来表现HTMLCSS，全称为“层叠样式表”（Cascading Style Sheets），是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的子集）等文件样式的计算机语言，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素的位置、字体、颜色、背景、布局等效果实现更加精确的控制，CSS允许同时控制多种网页的格式，减少网页的下载时间，增加页面的浏览速度，提高用户体验。
CSS的基本语法
CSS的基本语法由三个主要部分组成：选择器，属性和值。
1、选择器：选择器是用来选取你想要应用样式的HTML元素，p { } 就是一个选择器，它表示所有<p>标签。
2、属性：属性是用来定义你要改变的样式的具体细节，color 属性用于改变文本的颜色。
3、值：值是属性的具体设置，color : red; 中的 "red" 就是值，它表示将文本颜色设置为红色。
CSS的类型
CSS可以分为内部样式表、外部样式表和内联样式表三种类型。
1、内部样式表：在HTML文档头部<head>区域使用<style>标签定义的样式为内部样式表，只对所在的HTML文档起作用。
2、外部样式表：在HTML文档中使用<link>标签链接一个外部的CSS文件，该文件中定义的样式对整个HTML文档起作用。
3、内联样式表：在HTML元素中使用style属性直接定义样式，该样式只对该HTML元素起作用。
CSS的选择器
CSS的选择器有很多种，常用的有元素选择器、类选择器、ID选择器、后代选择器、伪类选择器和属性选择器等。
1、元素选择器：通过HTML元素名称直接指定样式，如p { }。
2、类选择器：以“.”开头，后面跟类名，如.classname { }。
3、ID选择器：以“#”开头，后面跟id名，如#idname { }。
4、后代选择器：用空格隔开多个元素，表示后面的元素是前面的元素的后代，如div p { }。
5、伪类选择器：用冒号(:)表示，表示的是元素的某种状态，如a:hover { }。
6、属性选择器：用中括号[]表示，里面可以是属性名也可以是属性值，如[type="text"] { }。
CSS的属性和值
CSS有很多属性可以用来设置元素的样式，如颜色、字体、边距、背景等，每个属性都有一些常见的值，如颜色属性的值可以是预定义的颜色名字（如red）、十六进制颜色代码（如#ff0000）、RGB颜色代码（如rgb(255,0,0)）等。
CSS的盒模型
CSS的盒模型是CSS布局的基础，包括内容区域、内边距、边框和外边距四个部分，内容区域包含元素的实际内容；内边距在内容区域和边框之间；边框是围绕在内边距和内容区域之外的线；外边距是边框以外的区域。