透明和宽高自适应
1.透明属性
IE浏览器写法：filter：alpha（opacity=value）；取值范围0-100
兼容其他写法：opacity=value；取值范围0-1
2.视频文件的引入
(1)swf文件引入
<object width="value" height="value">
<param name="movie" value="flash路径及全称" />或
<embed src="flash路径及全称" wmode="transparent"></embed>
</object>
(2)内联框架（HTML格式的引入）
<iframe src="" scrolling="no" frameborder="0"></iframe>
src URL 规定在iframe中是否显示的文档的URL
scrolling yes/no 规定是否在iframe中显示的滚动条
frameborder 0/1 规定是否显示框架的边框
(3)滚动字幕
<marquee behavior="scroll(滚动)/alternate(晃动)" direction="up(从下向上)/left(从右向左)/down(从上向下)/right(从左向右)" scrollmount(滚动速度)="value" height="value(上下滚动范围)" width="value(左右滚动范围)">内容</marquee>
3.宽高自适应
(1)什么是宽高自适应：一个容器的大小可以随着盒子元素或者浏览器窗口进行变化。
(2)宽度自适应：宽度不写，宽度的单位用%，使用min-width/max-width(最后一种方法IE6不兼容，需要调试)
(3)高度自适应：默认情况下，height用%是不生效的，需要给body，html{height：100%}
高度不写存在问题：
父元素高度塌陷：所有的子元素浮动并且父元素没有设置高度，这个时候最近的父元素会高度塌陷=>
a.给父元素添加overflow：hidden；zoom：默认是1，不能是负值，比一大是放大，比1小是缩小，仅仅是视觉上的放大和缩小。但不适合和定位定出去的效果一起使用。
b.给浮动元素的最后面添加一个空的标签，比如div，并添加声明{clear:both;height:0;overflow：hidden;},但页面会出现很多无用的div，造成代码的冗余
c.万能清除法
父元素:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}
父元素：zoom：1
4.显示与隐藏
display：none
visibility：hidden只是隐藏内容但是位置还在
visibility：visible可见
opacity：0
5.最小高度兼容
min-height属性：最小高度，IE6浏览器不识别该属性
兼容元素具备最小高度自适应的方法：hack1：min-height：value；_height:value;
hack2:min-height:value;height:auto!important;height:value 建议使用，不能更改顺序
6.过滤器
(1)下划线属性过滤器
选择符{_属性:属性值；}
(2)!important关键词过滤器
选择符{属性:属性值!important;} 高版本最高优先级，IE6及更低版本不能识别他
(3)\9
选择符{_属性:属性值\9；} IE浏览器组识别
(4)\0
选择符{_属性:属性值\0；} IE8及以上使用
(5)+或*
选择符{+属性:属性值;} IE7及以下识别
(6):root选择器
:root选择器{属性:属性值;} 除了IE8及更早的浏览器识别
