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>