CSS层叠样式表用来美化网页，被称为网页的美术师，非常有趣和好玩，一起来学习吧！
知识点01: CSS---层叠样式表
HTML只关注内容的语义，不能满足设计者的需要，
操作HTML属性不方便，
给代码带来更多的繁琐和臃肿,不易维护，所以它有一定的局限性，
css层叠样式表可以美化网页，称为网页的美容师。
所以HTML专注去做结构呈现，样式交给CSS。
知识点02：CSS初识---版面的布局和外观显示样式
gray：灰色；pink: 粉红色；purple：紫色；blue：蓝色；green：绿色；hotpink、deeppink：深粉；orange：橙色；
css书写位置：
行内式：内联式：行内/间样式，写在作用标签里,<标签名 sytle="属性：属性值；">,控制范围少
内部样式表（内嵌样式表）：将style代码集中写在HTML文档的head 中，控制范围中
<style> 选择器 {样式属性：属性值;} </style>
外部样式表(结构样式分离)：将所有的样式放在一个或多个以.css为扩展名的文件中，注意，这时HTML中就不需要写sytle了，控制范围多
语法：<link rel="stylesheet" type="text/css href="css放置路径" />，这句话就是给HTML文件和CSS文件简历一种联系，需要引入。
知识点03: 外部样式表---样式共享
可以让多个页面使用相同的样式文件，
团队约定--代码风格：一种是紧凑型，一种是展开式，
团队约定--代码大小写：样式选择器，属性名，属性值，关键字全部使用小写字母书写，属性字符串允许使用大写。
知识点04：CSS样式规则
h1 { color : red; font-size : "25px" }
选择器 属性 ：值；（键值对）
知识点05: CSS选择器
选择器的作用：选择标签的，
①标签选择器---p{ 属性：值 }；
用html标签名称作为选择器，按标签名来分类，
②类选择器---.red{属性：值};<标签名 class="red" >
语法： .类名 { 属性：值 }； <标签名 class="类名" >来调用，类命名尽量用英文字母
△ 类选择器特殊用法（多类名）：给标签多个类名，方便选择，一个标签内只能用一个class
③id选择器以及和类选择器的区别---#类名，id="类名"
语法：id选择器使用"#类名，后跟“id="" ”,类名id和类选择器区别在使用次数上不同，id选择器用于页面唯一性的元素属性身上。
④通配符选择器---*{ 属性：值 }；
通配符选择器可以将页面所有的元素选取，降低页面响应速度，不建议 随便 使用。
⑤属性选择器--- 标签名 [属性="属性值"] { …… }；
例如：input[type="button"] {
color: green;
font-weight:700;
}
知识点06：团队约定---选择器使用
尽量少用通用选择器，
少用ID选择器，
不使用无具体语义定义的选择器。
知识点07：字体样式---font-xxx：；
①语法：font-size：16px；
font-size：字号大小，单位：em相对单位，一般用于首行缩进（相对于当前对象内文本的文字尺寸）、px像素（常用,css中用的一般都是px）in 英寸、cm厘米、mm毫米、pt点，
一般给body指定整个页面的文字字号，
②语法：font-family："microsoft yahei";
font-family：字体，如果指定多个子体，那么要用英文逗号隔开，表示如果浏览器不支持第一个字体，则会选择下一个，知道找到合适的字体，如果没有，则尽量使用电脑系统自带字体，注意，汉字或多个英文连字字体要加引号，单双引号都可以。
unicode字体：直接用Unicode字体可以避免浏览器编译乱码，但Unicode字体字不同的字符集编码下要了解其字体对应什么，例如“\5B8B\4F53”这是在UTF-8字符集下宋体字体。
③语法：font-weight: normal；
font-weight：字体加粗，normal正常的、bold加粗、bolder更加粗、lighter较细、100-900加粗数值，400相当于normal，700相当于bold
语法：font-weight：700; 该标签不加任何单位，没有单位
④语法：font-style：normal;
font-style：字体风格 , normal 正常的、italic 斜体的，oblique 倾斜的字体（特殊字符应用，很少用，基本不用）
知识点08：字体综合写法---font：；
语法：font：font-style font-weight font-size/line-height font-family;
//font：字体样式 字体加粗 字体字号/行高 字体
注意：顺序一定不能改变，有些属性可以有省略，但一定要保留font-size和font-family，必须要写，不能省略。
知识点09：CSS外观属性
文本颜色：color：#000000；三种方法：①直接写英文②16进制或简写③rgb(0,0,0);或rgba(0,0,0,0.5); a是透明度，透明度为0.5
文本首行缩进---text-indent：2em；1em是1个字符的宽度，即一个字；
文本居中---text-align：center；//有三种方式right右边、center中间、left左边，注意：不能直接设置给span 、a标签
文本行高：line-height：15px；
文本装饰：text-decoration（装饰、修饰）：none；有三种：none、underline，blink闪烁、line-through贯穿线（删除线）、overline上划线，可以给文本添加，可以给文本取消。注意：记住如何给一个普通的文本添加下划线。
知识点10：开发者工具---chrome
F12键打开检视网页元素，或点击右键-》检查都可以，可更改检视页面排列方式和查找网页元素错误，及时更正和维护。
知识点11：emmet语法
div*3 生成3个div标签
.demo 生成1个class的div类标签
.demo$3 如果生成的div类名是按顺序排列的，可使用$来快捷递增
结果是： <div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
还有很多快捷键，具体可以去网上查找，可去mdn。
