首页 > 代码库 > 5.4心得

5.4心得

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}; "> 仍旧默认显示下划线,鼠标过来消失

5.4心得