5.4心得

Posted 2020-09-16

1、音频和视频标签
音频：audio
视频：video

2、背景图片和插入图片的区别
1.写在css里面的图片是以背景图形式存在的，而写在html里的img是以标签形式存在的，在网页加载的过程中，以css背景图存在的图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html里的img标签是网页结构（内容）的一部分会在加载结构的过程中加载。

2.通常是非内容的图片就写在css里面(用来修饰页面的元素)，如果是内容性的图片就写在html里面，
打个比方，你要做一个有漂亮边框的相册。那么修饰边框的图片就写在css里面，相框里面的内容照片就写在html里面。

3.图片做为背景，在图片没加载的时候或者加载失败的时候，不会有个图片的占位标记，不会出现红叉。

3、为什么同一个代码，在不同浏览器显示方式不一样
各浏览器解译网站代码的方式略有不同，这意味着您的网站在不同浏览器中显示的效果会有所差异。一般情况下，您应避免依赖于浏览器特定的行为，例如在未指定内容类型或编码的情况下，希望浏览器可以正确检测到相应的内容类型或编码。

4、<style>

a{text-decoration:none}（这里为什么不能加“；”）
a:hover{color:red}
</style>
html里a链接可以使用css设置为：默认不显示下划线，鼠标移到上方显示下划线：
<style>
a:link{text-decoration:none;}
a:hover{text-decoration:underline;}
</style>
如果把直接在a标签内写样式像这样：<a style="text-decoration:none;">

现在想把”hover{text-decoration:underline;}“这一项也直接放在标签内的style里，该如何写？

以下是不成功的：
<a style="text-decoration:none; hover{TEXT-DECORATION:underline};"> 无论鼠标是否在上面都无下划线
<a style="link{text-decoration:none}; hover{TEXT-DECORATION:underline}; "> 仍旧默认显示下划线，鼠标过来消失