首页 > 代码库 > 课堂笔记3

课堂笔记3

2024-09-22 06:07:58   221人阅读

1、块元素与内联元素互换

可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间

2、行内块元素

< a > 标签1< /a>< a >标签2< /a>< a >标签3< /a >
a标签本来就是内联
这样写，他出来效果就是——–标签1标签2标签3
但如果你想要定义宽度,不加块状是起不来作用的，但是单单设置为块状（display:block），他又换行了，所以这时加display:inline-block 就起到很大作用，内联块状，宽度既能实现，又能不换行…
a{width:100px; display:inline-block}

有时候解决ie6双倍像素撑开，display:inline不够用，也会用到这个属性
内联元素无法设置宽和高，inline-block后就可以了

3、视频标签
<video>标签

属性 值 描述
autoplay true | false 如果是 true，则视频在就绪后马上播放。
controls true | false 如果是 true，则向用户显示控件，比如播放按钮。
height 像素 设置视频播放器的高度。
loop true | false 完成播放后再次开始播放，即循环播放
poster url 当视频未响应或缓冲不足时，该属性值链接到一个图像。该图像将以一定比例被显示出来
src url 所播放视频的 url。使用子元素 <source> 实现更好。
width 像素 设置视频播放器的宽度。

注意：IE8和更早的版本，不支持<video>标签。

HTML5 视频标签的注意事项:

1、需创建三种视频格式以实现对 Firefox，Safari/Chrome 和 IE 的支持；

2、不要省略任何一种格式。不能将HTML 5如你所想的那样兼容 Firefox 和 Safari，Safari 能解释 <video> 标签，会期望加载合适的文件，如果省略某种格式，会导致播放器空白；

3、记住全屏显示不被 Safari 和 Chrome 所支持。然而，在 Firefox 3.6 版本中，你可以全屏浏览；

4、要明白 IE 加载 Flash 文件的原因，是因为 IE 不能解释 <video> 元素。然而，如果浏览器支持，则会期望加载合适的文件。

课堂笔记3


联系
我们