HTML学习日记-排版布局

其实，在网页制作中，页面上的元素就是块与块之间的关系，他们存在着三种状态：块挨着块，块嵌套着块，块叠压着块。通过css将这些块摆放正确，网页中的布局也自然就会完美了！

一、网页的一列布局：

	
	
	


1
2
3

浏览器中显示效果：

二、网页的三列布局：

两边div固定，中间div自适应：（可变换成多列，举一反三）

	
	
	


1
2设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，我们可以领会要点，举一反三。
3

浏览器中显示效果：

三、网页的混合布局：

	
	
	


1

	
2
	
	

		
3
		
4
	

5

浏览器中显示效果：