1）背景介绍：

title:在 标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏。网页的

h1:h1-h6标签被用来定义 HTML 标题,不继承父级的字体大小。h1定义重要等级最高的标题。h6定义重要等级最低的标题。

b和strong标签的区别: 标签和标签产生的效果是相同的，现在不推荐使用b标签，而是推荐使用， 标签是字体外观的加粗效果。b是bold的简写，意思是粗体。而是指突出，重点，表示其中的内容具有更高的价值。对于搜索引擎优化来说，用更容易让用户搜索到关键词，但是如果页面上有太多的标签，可能不利于排名。虽然标签更利于排名，但也需较少的使用。

i和em标签： 和标签都是表示斜体。 标签表示对所包含内容显示斜体文本效果。标签中的文本表示为强调的内容，对于所有浏览器的显示效果来说，是把这段文字用斜体来显示。也有作为小图标使用。阿里巴巴图库的一种引用方式就是用引入的。

img中的alt与title属性区别:"alt"属性是图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方，"title"属性是鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了。

src与href的区别:“href” 表示超文本引用，在 link和a 等元素上使用。src 表示来源地址，在 img、script、等元素上。src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。

img中的alt与title属性区别:"alt"属性是图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方，"title"属性是鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了。

src与href的区别:“href” 表示超文本引用，在 link和a 等元素上使用。src 表示来源地址，在 img、script、等元素上。src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。

（2）知识剖析：

title与h1的区别

b和strong标签的区别

i和em标签的区别

img中的alt与title属性区别

CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。

1、!important，加在样式属性值后，权重值为 10000

2、内联样式，style=""，权重值为1000

3、ID选择器，#，权重值为100

4、类，伪类和属性选择器，如：:hover 权重值为10

5、标签选择器和伪元素选择器，如：div、p、:before 权重值为1

6、通用选择器（*）、子选择器（>）、相邻选择器（+）、同胞选择器（~）、权重值为0

注意：id=100并不是指id的一个权重值就是100，实际上这个100是一个进制数，不是2进制，也不是10进制；而是256进制，就是0到255后+1才是1。

例如通配符的权重值0到标签伪元素的权重值1，中时间实际上差了255。依次类推

（3）常见问题：

怎么计算权重

（4）解决方案：

（5）编码实战：

给上面的.block前面加body，权重为12，颜色以上面的为准

给谁加“!important”谁生效 权重加10000

权重相同，后定义的生效

行内style权重1000，字体大小50px