以前我也做过类似的这种静态页面，其实每一块的布局都差不多，做好一个其他的大同小异，下面提供我的思路以供参考宏观角度第一先把整体框架搭起来，通过绝对定位确定大的模块的位置第二根据图中每一块的结构来。

页面布局是用HTML来实现的，CSS只是添加样式，网站提倡的结构和样式相分离就是这个意思HTML实现的是骨架，css可以说是实现了装饰1用div来实现，css3之前常用2css3实现然后实现结构的基础上添加css样式，希望对你有所。

是可以做的html是专门为网页制作而生的，css可以直接辅助html做样式制作比如最早用的table，它也是html的标签，严格来说div也是html的标签，只是div可以很好地控制页面的布局设计，更好地进行分布式管理模块从起初的table。

ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot用户可以通过平移和缩放来看网页的不同部分2很多响应式都基于网格视图设计 响应式网格视图通常是 12 列，宽度为100%，在网页自动伸缩 比如CSS。

3html是用来写网页内容的，像网页上文字图片内容等都是用html来写4css是用来写样式表的，给html写的内容加上各种样式，使网页更美观像文字的颜色，页面的布局，一些按钮边框的样式是用css来控制的5html调用。