我个人在进行页面布局的时候喜欢使用div标签制作,在写一个页面的时候首先根据页面的布局,来确定对应的div区域,一般可以划分为header、menu、content、nav、footer五个区域,之后这些在这些区域中根据具体情况进行细分。当这些区域通过div划分好了之后在CSS中通过选择器进行样式的设计,调节它们的大小和边距,一般使用id选择器来进行样式编写。也可以先判断一些内容是否具有相同的样式,如果有则将这些相同样式的类定义一个相同的类名,通过在CSS统一使用类选择器为它们设计样式,节省工作量。
以下面这个页面为例子
可以将页面从上到下分为四个部分:导航栏、搜索框、主体、底部