CSS 有三种引入方式
1.行间样式
在标签中通过style属性来写css代码
代码.jpg
示例.jpg
优点：优先级高方便（那里用那里写）
缺点：不利于维护，显得页面太过杂乱
2.内联样式
将css代码写在页面的<style></style>中，
从编译的角度讲style标签 ，可以写在html根标签的任意位置，但是从前端代码规范中，规定一般将style标签写在head的闭合标签之上
优点：可复用性高，代码整洁，利于维护
缺点：会使页面变的很长
代码2.jpg
示例2.jpg
所以一般小型项目及页面，推荐使用内联样式
3.外联样式
在外部创建一个.css文件
并在html文件中head标签内 ，title标签下使用link标签引入（link标签中 href 属性内 写要引入的css文件路径）
优点：逻辑清晰，页面整洁，易于维护，可复用型高
缺点：加大了项目所占的内存
所以一般多页面的项目推荐使用内联样式
代码3.jpg
代码_3.jpg
文件路径的编写：
本层文件= ./文件名.后缀名
上层文件= ../文件名.后缀名
上上层文件=../../文件名.后缀名
下层文件 =文件夹名/文件名.后缀名
示例3.jpg
优先级：行间>内联>外联
类选择器（class）
当同种标签过多时，我们可以使用标签中class属性，给标签起个名字，然后再css中使用.类名的方式，选择具体的标签并开始编写样式
类名可以重复使用
一个标签可以有多个类名，每个类名以空格隔开
类代码1.jpg
类代码2.png
类示例.jpg
命名规范
按照W3C规范 ，命名有以下几种原则（包括类名，文件或者文件夹名等所能遇到的所有命名）
1.命名中，只能存在，字母、下划线、数字
2.命名必须以字母开头
3.命名必须遵守语义化（好理解容易记）
4.不要用拼音及拼音缩写 尽量使用单词
两种格式
1.驼峰命名
例如：商品列表 商品=> goods 列表=>list
小驼峰：goodsList（第二个单词开始后的所有单词首字母大写）
大驼峰：GoodsList（所有单词首字母都大写）
- 地中海命名（匈牙利命名）
例如：商品列表=>goods_list(单词与单词之间用下划线隔开)
