1、按照CSS样式书写的位置（或者引入的方式）不同，CSS样式表可以分为三大类 ①行内样式表（行内式） ②内部样式表（嵌入式） ③外部样式表（链接式）

1、内部样式表（嵌入式样式表）是写到html内部的，将所有CSS代码抽取出来，单独放到标签中的CSS语块（就是前几节课的内容）

①**标签理论上可以放在html文档的任何地方，但是一般会放在文档的标签中** ②通过此种方式可以很方便的控制整个页面中的元素样式设置 ③代码结构清晰，但是并没有实现结构与样式完全分离（练习时常用到）

1、是指在元素标签内部的style属性中设定css样式（仅仅适合于修改具体的、单个的、简单的样式） eg：

1、实际开发中多用此样式表，其核心是：样式单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用

2、引入外部样式表的过程 ①制作一个.CSS后缀的文件专门写外部样式表，其书写规范与在style标签内的书写规范一样（不需要写，直接写样式即可） ②在HTML页面中，在head标签中插入使用标签引入这个文件，语法规范：

1、粘贴文字、插入图片 2、一步一步设置p、h1、h2、h3、div、等等，用于分段落，划区块 （标签，插入一个从左至右水平线，单标签） 3、修改总体文字

4、修改标题文字： ①加粗（400，700，font-weight） ②居中对齐（text-align center）

5、指定内容的颜色，居中，大小修改 ①制定：用class类（.My_class+class=“My_class”） ②制作链接：中国天气网 ③取消下划线：text-decoration: none； ④表单 制作按钮搜索 ⑤给每个段落向前缩进2个字text-indent: 2em; ⑥图片加居中对齐（想让图片居中对齐，不能在img标签中修改，需要用p或者div等标签把图包住，修改图片的父标签为居中对齐才行）

1、打开调试工具F12案件/鼠标右键-检查

2、使用调试工具： ①Ctrl+滚轮：放大/缩小 ②Ctrl+0复原浏览器大小 ③左边html右边css ④右边css可以改动数值（左右箭头或者直接输入）和查看颜色 ⑤如果点击元素，发现右侧css代码无反应，极有可能是类名或者样式书写错误 ⑥如果右侧css代码前面有黄色感叹号提示，是样式属性书写错误