三种样式
外部样式表
外部样式:css代码在一个独立的文件中，html通过link元素引入到页面link（空元素，表示引用外部资源）rel = “ ”（资源类型的样式表）herf = “ ”（路径）
特点：实现了内容结构和表现形式代码分离，方便复用和维护,是html代码更加纯净，有利于程序员和搜索引擎的阅读，是开发页面的常见做法
内部样式表
内部样式：将Css代码写到html文档head标签的style元素内容中
特点：没有了样式表文件，在某些时候可以提高效率，多个页面难以共享样式，不利于代码复用，html和css代码混 杂，不利于程序员和搜索引擎的阅读
在某些对效率要求苛刻或测试的场景下使用，（一个页面可引用多个样式，而多个页面也可以引用一个页面）
行内样式表
行内阅读：css代码写在元素的style开始标签的属性中，行内不写选择器
特点：没有了样式表文件，在某些时候可以提高效率，多个元素难以共享样式，不利于代码复用，js操作的是行内 样式
css注释: 书写格式 ： /*注释内容*/，用于描述代码的功能
css规则：css代码由一个个规则组成的，每个规则指定了：对哪些元素应用什么样式
元素选择器：该样式规则应用到那些元素上，
声明块：有哪些样式规则 格式： 属性名：属性值
一条样式写两行，方便注释！
选择器决定了样式规则使用与那些元素，多有与该标记名匹配的元素，都将应用声明块中的规则
类选择器：所有class属性为指定类名的元素，都将应用声明块中的规则
书写格式：.类名{声明块}。同一个标签多个类名的分隔符为“空格”，
ID选择器：书写格式为：#id值{声明块}，属性id为指定值的元素，都将应用声明块中的规则，
！！！在同一个页面中，元素的id值必须是唯一的一个