1.“上中下”布局
分析： 从整体来看该页面模版是“上中下”的布局，其头部部分主要包括网站的 Logo 和导航条等,下面是一张精美的图片，该图片在整个模板中起到了美化网页的作用，同时该图片也是一个 DIV 标签，其代码为：“<div id="splash"></div>”；接下来是两个小时左右分开的表格，用来转达网页所要表达的文字信息，同时还包括多个超级链接，这些链接接一般用于与本网站的其他网页建立联系；下面是网站的底栏，主要包括版权信息和联系方式，主要功能是版权声明和听取浏览者的意见或建议。
代码： 相关 CSS 代码分析如下：
body {
margin: 20px 0;
background: #FFFFFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #7F7772;
}
结论： 从以上分析可知这类网站的布局模式简洁明了，重点突出。文字和图片的混排相对较短少，文字内容的描述和图片展示也都比较紧凑集中，使浏览者可以明确精准地找到自己想要搜索和寻找的信息。
相关推荐
-
css使用教程（css实战手册）
CSS 通常很快就被开发人员认为是一件容易学习的事情，或者当您需要快速设置页面或应用程序样式时您只需学习的一件事。由于这个原因，它通常是在运行中学习的，或者当我们必须使用它们时，我们会孤立地学习它们。当我...
-
css设置只显示一半边框（怎么让div的边框只显示一半）
在网页设计中经常用到css来设计各种边框样式以及颜色等，有时候需要一个div只显示一个边框，那么你可能会用到下面的一些方法。 一、CSS border-width 属性 border-width是实现显示边框的重要属性。用法如下： borde...
-
css隐藏元素的三种方法（CSS隐藏元素的几种方法）
在CSS中很多隐藏元素的方法，但这些方法的可访问性、布局、动画、性能和事件处理的方式有所不同。 动画： 一些CSS隐藏元素的方法一般是全有或者全无，元素要么是完全可见，要么是完全不可见，并且没有中间状态。其他...
-
css中常见问题及解决办法（css遇到的问题）
针对firefox ie6 ie7的css样式现在大部分都是 用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”...
-
javascript dom操作（js dom操作方法）
1、DOM document节点 DOM全称document Object Model 即文档对象模型， 他是一套用来控制HTML文件的规则， 而document节点是一种具象化的表现形式 注意 dom规定HTML页面中的 所有元素 都是节点 document节点又被叫做d...
-
CSS是什么（css详解大全）
简介 CSS 是什么？ CSS是Cascading Style Sheets的简称，中文称为层叠样式表。 属性和属性值用冒号隔开，以分号结尾。 CSS 四种引入方式： 1.行内式 行内式是在标签的style属性中设定CSS样式。 <div style="...
