17.个人博客网站布局

效果图

1.布局设计

网页的结构属于三行两列式布局,顶行用于显示网站的Banner,顶部用于显示网站的主要内容

根据设计需求,将网站从上至下分为三个区域,#header,#page和#footer

在#page中将页面分为左右两部分,分别放置在#content和#sidebar两个Div容器中

网站主页布局规划

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,160评论 1 45
  • 文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范...
    二狗子没有夏天阅读 5,836评论 0 35
  • CSS命名规则 头:header内容:content/containe尾:footer导航:nav侧栏:sideb...
    纹小艾阅读 4,039评论 0 9
  • 笔记参考自《响应式Web设计:HTML5和CSS3实践》,2013年出版内容说不上最新。如下是全书的章的目录:第 ...
    于晓鱼阅读 4,527评论 0 1