2020-11-06 学习总结：css基础7

1.元素对不齐

			让元素浮动
			设置元素vertical-align:top;

2.vertical-align 设置垂直对齐的方式

			top 
			bottom
			middle

3.鼠标指针bug

			cursor属性 鼠标指针显示的方式
			hand 只支持IE8及以下版本
			pointer IE6以上及其他浏览都支持

4.高度塌陷

			设置父级元素的高度 
			放一个空的div 清除浮动(兼容性强 不利于优化)
			overflow:hidden (兼容性强 对margin有要求 margin值不能为负值)
			::after+zoom
				为元素变块display:block
				清除浮动clear:both
				content内容为空
				
				visibility:hidden
				在父元素中 添加类名clearfix 在clearfix中添加 *zoom:1

5.伪类

			:link 未访问的链接
			:visited 访问后的链接
			:hover 鼠标滑过的状态
			:active 鼠标点击时的状态

6.伪元素

			::before 在...之前
			::after 在...之后
			::first-line 首行
			::first-letter 首个字
			::selection 被选中的样式
			:focus 获取焦点

7.CSS样式的继承

			给上级(父级)设置样式  下级(子级)也具有父级的样式
			color 颜色
			font-size 字体大小
			font-family 字体系列
			font-weight 字体加粗
			font-style 字体样式
			line-height 行高
			text-decoration 文本样式
			text-align 文本水平对齐方式