CSS（层叠样式表）能够用来进行网页布局，让之前用HTML语法构建的网页看起来更加美观。接下来就是CSS的一些语法规范。
首先，CSS规则由选择器以及一条或者多条声明来组成，书写在<style></style>中，一般书写在<head></head>里面。
选择器是用来指定HTML语法中的具体标签；声明放在花括号之中，由属性和属性值组成，属性和属性值以“键值对”的形式出现，属性与属性值之间用‘:’连接，多个“键值对”之间用’;‘隔开。
CSS代码风格：
1.样式格式书写：展开格式，一个键值对占一行，（也可使用紧凑格式，但没有展开格式这么直观）如下图：
h3{
color:pink;
font-size:20px;
}2.样式大小写：样式选择器，属性名，属性值关键字全部使用小写字母，特殊情况除外。
3.空格规范：① 属性值前面，冒号后面，保留一个空格。
② 选择器（标签）和大括号中间保留空格。
CSS基础选择器：
1.CSS基础选择器的作用：根据不同需求把不同的标签选出来。
2.CSS选择器的分类：基础选择器和复合选择器。
① 基础选择器是由单个选择器组成的，包括标签选择器、类选择器、id选择器和通配符选择器。
a. 标签选择器：用HTML标签名称作为选择器，把某一类标签全部选择出来，能快速为页面中同类型的标签同一设置样式，但不能设计差异化样式。
b. 类选择器：能够差异化选择不同的标签，单独选中一个或者某几个标签。类选择器在HTML中以class属性表示（在class属性中可以写多个类名，但多个类名中间需要用空格隔开），在CSS中，类选择器以一个“.”表示。为选择器命名时不要使用纯数字、中文等命名，尽量使用英文字母表示，长名称或者词组可以使用中横线来命名，命名要有意义。
c. id选择器：可以为标有特定id的HTML元素指定特有的样式。HTML元素以id属性来设置id选择器，CSS中以“#”来定义。（id选择器只能调用一次，类选择器可以多次）
d. 通配符选择器：能够选择页面中所有元素，在CSS中以“*”来定义。
CSS字体属性：
1.字体系列：CSS使用font-family属性定义文本的字体系列，但在定义时需注意以下几点：
① 各种字体之间必须使用英文状态下的逗号隔开；
② 一般情况下，如果有空格隔开的多个单词组成的字体，加引号；
③ 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示；
④ 常用的字体：'Microsoft Yahei',tahoma,arial,'Hiragino Sans GB'。
2.字体大小：CSS使用font-size属性定义文本的字体大小，字体大小最常用的单位是px（像素），在定义字体大小时尽量给一个确定值，而不是默认值，我们可以给body指定整个页面文字的大小，，但是标题标签需要额外定义。
3.字体粗细：CSS使用font-weight属性定义文本的字体粗细，font-weight属性有五种属性值：normal（正常字体，相当于number为400）、bold（粗体，相当于number为700）、bolder（特粗体）、lighter（细体）、number（范围为100-900，不需要加单位，最推荐使用）。
4.文字样式：CSS使用font-style属性定义文本的文字样式，font-style属性有两种属性值：normal（默认值，标准的字体样式）、italic（斜体的字体样式）。
5.字体复合属性：为了节约代码，可以将以上字体属性按照以下结构综合来写：
body{
font:font-style font-weight font-size/line-height font-family;
}注意点：① 使用font属性时必须按照上面语法格式中的顺序去书写，不能更换顺序，并且各个属性之间以空格隔开；
② 不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则代码不起作用。
CSS文本属性：
1.文本颜色：CSS使用color属性定义文本颜色，有三种表示：
① 预定义的颜色值：属性值为red、green、yellow等；
② 十六进制：属性值为#FF0000等；
③ RGB代码：rgb（255,0,0）或者rbg（100%,0%,0%）。
2.文本对齐：CSS使用text-align属性定义文本对齐方式，text-align属性有left、right、center三种属性值，分别对应左对齐、右对齐和居中对齐。
3.装饰文本：CSS使用text-decoration属性进行文本装饰，text-decoration属性有none（默认，认，可以用来取消链接a自带的下划线）、underline（下划线，链接a自带下划线）、overline（上划线）、line-through（删除线）四种。
4.文本缩进：CSS使用text-indent属性定义文本缩进，通常是将段落的首行缩进，text-indent属性的属性值需要有单位，可以是px或者em（两个字符的大小）。
5.行间距：CSS使用line-height属性设置行间的距离，行间距包括上间距、文本高度、下间距三部分，line-height属性的属性值也需要加上单位。
CSS的引入方式：
根据CSS样式书写的位置，CSS样式表可以分为三大类：
1.内部样式表（内嵌样式表）：是写到HTML页面内部，将所有CSS代码抽取出来，并放到同一个<style></style>标签中。
2.行内样式表（内联样式表）：在元素标签内部的style属性中设定CSS样式，并且style的属性值要加上双引号，适用于修改简单样式，不推荐大量使用。
3.外部样式表：适用于样式比较多的情况，样式单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用。
引入外部样式表方法：先新建一个后缀为.css的样式文件，把所有css代码都放入改文件中（这个文件中不需要写<style>）；接着在HTML页面中使用<link>标签引入这个文件。语法为：
<link rel="stylesheet" href="css文件路径">资料部分来自B站黑马程序员
1203
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
