HTML5学习_day09(1)--(iframe embend dispalu_table !important)的使用

一.浮动框架 iframe

iframe可以称之为内敛框架， 它可以在网页中局部插入另一个文件或者页面。可添加样式。

用法：

<span style="white-space:pre">	</span><iframe src="文件路径(网址)最好是相对路径" width="" height="" scrolling="是否滚动1或0" frameborder="浮动框架边框"></iframe>

iframe可于a标签来组合使用

例子：

<span style="white-space:pre">		</span><div id="">
<iframe src="" width="400px" height="300px" name="a"></iframe>		</div>
<a href="http://www.baidu.com" target="a">点击</a>

效果如下：

点击

注意：
a标签的target一定要iframe中的name名字保持一致
可只显示某个网页的某一部分 能指定位置
marginwidth: 插入网页与IFRAME边框的上下边距。
iframe标签内的内容可以作为浏览器不支持iframe标签时显示。

二.embend标签

这个标签比较简单可以用来插入多种多媒体，格式可以使MIDI,WAV，AIFF,AU,MP3,SWF
用法：

<embed src="music.mp3">

这个属性比较多
1、自动播放 autostart

值：true/false
2、循环播放
值：正整数(播放次数),true(无限循环),false(不循环)
3.音频播放开始时间
starttime="分钟:秒钟"
用法：

<embed src="music.mp3 starttime="00:13">

4.音量大小
volume

值：0-100整数

5.是否隐藏播放器面板 hidden

值：true/falue

等 属性比较多 例举常用的

三.dispalu_table标签

作用：若两个div各自设置了1px的边框 当它们并排在一起时,交界处就有2px的边框 要想把这个2px变成1px 就可以用到dispalu_table标签

使用标签前提：先用display转换成table 才能使用该标签

例子：

<span style="white-space:pre">		</span><style type="text/css">
.div{

display:table;
border-collapse: collapse;//table的属性 把两个border变成一个
}
.div1{
width: 100px;
background: red;
display:table-cell;
border: 3px solid black;
}
.div2{
background: orange;
width: 100px;
display:table-cell;
border: 3px solid black;
}
</style>
<div class="div">
<div class="div1">我是div1</div>
<div class="div2">我是div2</div>
</div>

四.！important属性(强调 最高级别的属性)

何为最高级

例子：

<span style="white-space:pre">		</span>div{
background: blue !important;
}
</style>
<div class="div" style="background: red;">1231</div>