（1）CSS作用：美化网页，页面布局。
HTML的局限性：它只关注内容的语义。
CSS：样式表。
CSS用于设置HTML页面中的文本内容（字体、大小、对齐方式）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。
CSS最大价值：由HTML专注做结构，样式交给CSS，即结构与样式相分离。
（2）CSS语法规划：
CSS规则由两个主要部分构成：选择器+一条/多条声明。
选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式。
p {
color: red;
font-size: 12px;
}
属性和属性值以"键值对"的形式出现，用":"分隔。
（3）CSS代码风格：
样式格式书写：
紧凑格式。
展开格式。
样式大小写：
强烈推荐样式选择器，属性名，属性值关键字全部使用小写字母，特殊情况除外。
空格规范：
在冒号后面，保留一个空格。
在选择器（标签）和大括号之间保留一个空格。
（4）CSS选择器：根据不同需求把不同的标签选出来。
基础选择器：由单个选择器组成。
复合选择器：（下一篇）
（5）基础选择器又包括：
标签选择器、类选择器、id选择器、通配符选择器。
标签选择器：用HTML标签名作为选择器。
优点：能快速为页面中同类型的标签统一设置样式。
缺点：不能设计差异化样式，只能选择全部的当前标签。
类选择器：差异化选择不同的标签，单独选一个或某几个标签。
类选择器口诀：样式点定义，结构类（class）调用，一个或多个，开发最常用。
类选择器用"."定义，后面紧跟自己定义的类名，结构里面用class属性来调用。
.red {
color: red;
}
<div class="red">变红色</div>
多类名：一个标签有多个名字。
在标签class属性中写多个类名。
多个类名中间必须用空格分开。
使用场景：重复的代码放到同一个类中，节省CSS代码方便统一修改。
id选择器：为标有特定id的HTML元素指定特定的样式，一般和js搭配。
HTML元素以id属性来设置id选择器，CSS中id选择器以"#"来定义。
使用和类选择器相似。区别是以#号定义，id调用。
id选择器的口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用。
id选择器和类选择器的最大区别：使用次数上。id好比身份证，类好比人名。
通配符选择器：使用”*“定义，它表示选择页面中所有元素（标签）。
（6）CSS字体属性：
用于定义字体系列、大小、粗细和文本样式（如斜体）。
字体系列：CSS使用font-family属性定义文本的字体系列。
字体大小：font-size。
px（像素）大小是我们网页的最常用的单位。
谷歌浏览器默认的文字大小为16px。
可以给body指定整个页面文字的大小。
标题标签比较特殊，需要单独指定大小。
字体粗细：font-weight。
属性值：normal。（默认不加粗）
bold：定义粗体。
实际开发中更喜欢用数字：400=normal，700=bold。
文字样式：font-style。
属性值：normal（默认值）
italic：斜体。
注意：平时我们很少给文字加斜体，反而要给斜体标签（em，i）改为不倾斜字体。
复合属性写法：
注意事项：使用复合写法时，必须严格按照语法格式中的顺序书写，不能更换，且各个属性之间用空格隔开。
/* font: font-style font-weight font-size/line-height font-family */
font: italic 700 16px "微软雅黑";
不需要设置的属性可以省略，但必须保留font-size和font-family属性。
（7）CSS文本属性：
用于定义文字的外观，比如文本的颜色、对齐文本、装饰本文、文本缩进、行距。
文本颜色：color属性用于定义文本的颜色。
可用red、十六进制、RGB代码表示。
对齐文本：text-align属性。
装饰文本：text-decoration属性。可以给文本添加下划线、删除线、上划线。
重点记住如何添加、删除下划线。
文本缩进：text-indent。用来指定文本的第一行的缩进，通常是将段落的首行缩进。
em是一个相对单位，是当前一个元素的文字大小。
行间距：line-height。设置行高，可以控制文字行与行之间的距离。
行间距由上间距、文本高度、下间距构成。
（8）CSS引入方式：
CSS的三种样式表：
行内样式表（行内式）：
在元素标签内部的style属性中设定CSS样式。适合于修改简单样式。
内部样式表（嵌入式）：
它是写到html页面内部，是将所有CSS代码抽取出来，单独放到一个<style>标签当中。
代码结构清晰，但是并没有实现结构与样式完全分离。
一般放在文档的<head>标签中。
外部样式表（链接式）：
最常用。样式单独写到CSS文件中。之后把CSS文件引入到HTML页面中使用。
引入外部样式表分为两步：
新建一个后缀名为.css的样式文件，把所有CSS代码都放入此文件中。
在HTML页面中，使用<link>标签引入这个文件。
<link rel="stylesheeet" href="css/style.css">
3977
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
