CSS层叠样式表用来美化网页，被称为网页的美术师，非常有趣和好玩，一起来学习吧！

知识点01: CSS---层叠样式表
    HTML只关注内容的语义，不能满足设计者的需要，
    操作HTML属性不方便，
    给代码带来更多的繁琐和臃肿,不易维护，所以它有一定的局限性，
    css层叠样式表可以美化网页，称为网页的美容师。
    所以HTML专注去做结构呈现，样式交给CSS。
知识点02：CSS初识---版面的布局和外观显示样式
    gray：灰色；pink: 粉红色；purple：紫色；blue：蓝色；green：绿色；hotpink、deeppink：深粉；orange：橙色；
    css书写位置：
    行内式：内联式：行内/间样式，写在作用标签里,<标签名 sytle="属性：属性值；">,控制范围少
    内部样式表（内嵌样式表）：将style代码集中写在HTML文档的head 中，控制范围中
        
    外部样式表(结构样式分离)：将所有的样式放在一个或多个以.css为扩展名的文件中，注意，这时HTML中就不需要写sytle了，控制范围多
             语法：，这句话就是给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类名是按顺序排列的，可使用$来快捷递增    
    结果是：  

        
        
    还有很多快捷键，具体可以去网上查找，可去mdn。