H5学习---html，css---透明度，锚点，清楚浮动，伪类选择器

iframe标签

- 当前页面中嵌入另一个页面
- <iframe src=""></iframe>

元素隐藏办法

display:none;
	- 让元素隐藏，元素空间不再占据
visibility:hidden;
	- 元素可见性：隐藏。元素空间还在

锚点

- 当前页面跳转到某一个位置阅读
- 用法：
	用户点击<a href="#idname">第一章</a>
	跳转到的位置<div id="idname"></div>
- 返回顶部<a href="#"></a>
- 跳转到其他页面的某一处
	用户点击<a href="index.html#idname">第一章</a>

透明度

- 给纯色rgb()添加透明度
	background:rgba(255,0,0,0.3)最后一位的取值范围0-1之间,数值越小越透明
	这种方式添加透明度没有继承性
	IE8及以下不识别
- opacity:0.3;
	background: rgb(255,255,255);或者background:#e4393c;
	opacity: 0.4;
	这种方式添加透明度有继承性
	IE8及以下不识别
- IE9及以下识别的透明度写法
	background: rgb(255,255,255);
	filter: alpha(opacity=40);
- 兼容所有浏览器的写法
	background: rgb(255,255,255);
	opacity: 0.4;
	filter: alpha(opacity=40);

伪类选择符 / 伪元素

- :before 在元素的内部的开头追加
	.para:before{
		content: "小明说：";
	}
	追加一个元素
	.para:before{
		content: " ";
		display: block;
		width: 200px;
		height: 200px;
		background: pink;
	}
- :after 在元素的内部的末尾追加
- :first-letter
	给元素的第一个字添加样式
- :first-line
	给元素的第一行添加样式

***清除浮动clear:left/right/both;

解决父元素高度塌陷问题
1.给父元素添加overflow:hidden;
	- 触发了BFC,子元素高度参与计算
	- 弊端：overflow:hidden;本意是溢出隐藏
2.clear:both;
	- 清除前面元素浮动给它带来的影响
3.万能清除浮动法
	父元素:after{
		content: " ";
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
		visibility: hidden;
	}
	父元素{
		zoom: 1;
	}
	- 原理同方法2