HTML布局

一.开发步骤

1.写一块将整个页面 从上至下 分析 (rows),看他一共有几行
2.分析清楚每一行 一共有几列(close)/几块
3.行级父容器不浮动，让在同一行的块浮动，内容视情况而定
4.在不同行的 需要先清除浮动避免影响

5…

二.常见问题以及注意事项

1.子块浮动与父块浮动无关，子块设为浮动，则最好指定父容器高度。否则会出现
父容器背景色被遮盖等情况。
2.水平居中 垂直居中：
水平即左右居中设置属性: text-align:center;
垂直即上下居中设置属性: vertical-align: middle;
2.图片下面有文字的情况

若想让div中的img 与 text 始终居中 则需要在div中设置文本居中

<div>
	<a>
	<img src="....."></img>
	<p>text</p>
	</a>
</div>
<style>
	div{
	//设置文本内容水平居中
		text-align: center;
	}
</style>

3.伪类选择器 有时候会失效 但是可以设置！important属性

 a:hover{
            color: black !important;
        }