大家好，今天小编来为大家解答css网站布局实录源码分享这个问题，css网页布局的基础是什么很多人还不知道，现在让我们一起来看看吧！
一，分析页面布局
首先页面的最左侧是一个广告，采用固定定位；然后最上面header是一个头部，主要是一张图片；下面的nav是一个导航栏，包含五个链接；下面是主体部分，左侧的上面是一个表格，下面是四张图片，当鼠标放到图片上会有一个放大的效果，右侧有4个div是四种咖啡的详细介绍；最下面有一个脚本。
四个部分：header，nav，main，footer，
再加上一个广告部分，五个部分
二，做整体布局
1.创建一个站点文件夹，再加上子文件夹
2.先初步输入代码，4部分4<div>,广告后面加
关于css网站布局实录源码分享，css网页布局的基础是什么的介绍到此结束，希望对大家有所帮助。