CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
CSS基础语法CSS规则由两个主要部分构成：选择器以及一条或多条声明。每条声明由一个属性和一个值组成。属性(property)是设置的样式属性，每个属性有一个值，属性和值被冒号分开。
行内样式表 ：优点 书写方便；缺点 没有实现样式和结构相分离；使用情况 较少；控制范围 控制一个标签(少)。
内部样式表：优点 部分结构和样式相分离； 缺点 没有彻底分；使用情况 较多；控制范围 控制一个页面(中)。
外部样式表：优点 完全实现结构和样式相分离； 缺点 需要引入；使用情况 最多，推荐；控制范围 控制整个站点(多)。
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式，id 属性和身份证一样具有唯一性。
最常见的CSS选择器就是元素选择器，也就是标签选择器，也就是在HTML中元素的最基本的选择器。
标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。
background 属性用于定义 HTML 元素的背景。定义元素背景效果的 CSS 属性有五种：
CSS文本格式主要分为：文本颜色(color)、文本对齐方式、文本修饰、文本阴影、文本缩进、文本间距、字间距、文本空白处理、文本转换。文本对齐方式：text-align属性有四个值：left，center，right，justify(两端对齐)；属性默认值为auto。文本修饰：text-decoration 属性用来设置或删除文本的修饰。
color 指定阴影的颜色。该属性有两个作用，产生阴影和模糊主体。文本缩进：用来指定文本的首行缩进，允许为负值，如果值是负数，第一行则向左缩进。
CSS表示为：text-indent:2em，em 是相对文字大小的单位，1em 就是1个文字大小，2em 就是两个文字大小。文本间距：行高，也就是文本行的高度。例如：line-height：22px;字间距：letter-spacing 和 word-spacing 这两个属性都可用来增加或减少文本间的空白，即字间距。
text-align:justify 是设置内容根据宽度自动调整字间距，使各行的长度恰好相等，实现文本两端对齐效果，
而 letter-spacing 是指定一个固定的字间距。文本空白处理：white-space 属性指定元素内的空白如何处理，默认值为 normal 空白会被浏览器忽略。该属性还有4个值：
nowrap 文本不会换行，禁止换行，文本会在同一行上继续，直到遇到 br 标签为止。pre 空白会被浏览器保留，这种方式类似 HTML 中的 pre 标签，用于定义预格式文本。pre-wrap 指定保留空白符序列，但是正常地进行换行。pre-line 指定合并空白符序列，但是保留换行符，并允许自动换行。文本转换：text-transform 属性控制文本中的字母。
是用来指定在一个文本中的大写和小写字母，可用于将所有字句变成大写或小写字母，或每个单词的首字母大写。text-transform:capitalize， 定义文本中的每个单词以大写字母开头。text-transform:uppercase，定义文本仅有大写字母。text-transform:lowercase，定义文本仅有小写字母。
作用：1 设置不同的列表项标记 2 设置列表项标记为图像修改列表项标记使用 list-style-type，使用图像作为标记可以利用 list-style-image 属性完成。
3 组合选择器：组合选择符是包括各种简单选择器的组合方式，组合选择符说明了两个选择器直接的关系。
选择作为任何元素的第一个子元素 p。选择器使用 p:first-child。选择所有 p 元素中的第一个子元素 b。选择器使用 pb:first-child。选择所有作为第一个子元素 p 中的所有 b 元素。选择器使用 p:first-child b。(4)CSS2 - :lang 伪类使用 :lang 伪类可以为不同的语言定义特殊的规则：
content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容，该属性用于定义元素之前或之后放置的生成内容。content 的内容一般可以为四种：
块级元素(block-level)：每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。
在行内元素中有几个特殊的标签——img /、input /、td，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。行内块元素的特点：
层叠、继承、优先级CSS层叠性：是指多种CSS样式的叠加。CSS继承性：是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。
想要设置一个可继承的属性，只需将它应用于父元素即可。简单理解就是： 子承父业。CSS优先级：定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。
CSS三大模块： 盒子模型 、浮动 、定位。盒子模型：就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。盒子边框（border）
padding 会影响盒子大小， 需要进行加减计算（麻烦） 其次使用。width 没有问题，我们经常使用宽度剩余法 高度剩余法来做。
目的：为了让多个块级元素同一行上显示。23 定位(position)position 属性值分为四种：static：自动定位（默认定位方式），所谓静态位置就是各个元素在HTML文档流中默认的位置。
fixed：固定定位，相对于浏览器窗口进行定位。它的特点在于它的元素跟父亲没有任何关系，只认浏览器；完全脱标，不占有位置，不随着滚动条滚动。
只有相对定位，绝对定位，固定定位有此属性，其余标准流，浮动，静态定位都无此属性，亦不可指定此属性
