div+css实战,布局出自己的博客首页

假如我们要布局出一个网站首页,就拿我的blog来说,首先就应该对布局需求进行分析,本次的需求是仿自己的首页,所以第一步打开自己的网站首页。

打开首页后, 我们可以看到body背景颜色是灰白色的, 在body体里, 有一个div, div居中, 并且下移几个像素,div的背景颜色是白色的, 在div里 有一个header, 一个main, 一个footer, 在header中, 包括一个logo和menu, 在main中,是自增的内容区域, 和右边框, 所以main里要给两个边框一左一右, footer里定义尾信息, 那么好, 咱们开始。

为了保证代码简洁性, 所以我们要建立几个目录

css //存储css布局样式一些文件

images //存储布局要用到的一些图片

index.html //首页文件

本次只是示例演示,所以就不用外部样式表了, 用嵌入式的。

 

 

 

没有调兼容性, 不同的浏览器显示效果是不一样的。

此条目发表在div/css, Uncategorized分类目录,贴了, , , , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注