【修真院WEB小课堂】title与h1、b与strong、i与em、img的alt与title、src与href有什么区别？
开场语：
大家好，我是IT修真院北京分院第41期的学员朱春雨，一枚正直纯洁善良的WEB程序员，今天给大家分享一下，修真院官网CSS任务5，深度思考中的知识点——title与h1、b与strong、i与em、img的alt与title、src与href有什么区别？
（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
（6）拓展思考：
权重很重要，只要好好理解其实不难。
多试！多试！多试！试到理解为止！加油！
（7）参考文献：
https://blog.****.net/vivian_1122/article/details/802350522
（8）更多讨论：
Q1：提问人：问题？
A1：回答人（可以是分享人，也可以是其他学员）：回答
Q2：提问人：问题？
A2：回答人（可以是分享人，也可以是其他学员）：回答
Q3：提问人：问题？
A3：回答人（可以是分享人，也可以是其他学员）：回答
（9）鸣谢：
（10）结束语：
今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~