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> 元素。然而，如果浏览器支持，则会期望加载合适的文件。
原文：http://www.cnblogs.com/cjd1121/p/6854453.html