滁州高端响应式网站设计

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

建站案例

左右型网站布局

分析: 

从整体结构来看该网页属于“左右型”结构布局,左边部分是以日志形式显示的报告,右边是欢迎来到网站的话语和一些相关的超级链接,通过这些链接可以让浏览者浏览到更多有关该网页的其他信息,最下面是是网站的底栏,主要包括版权信息和联系方式。

代码:

用于控制该页面整体元素属性的相关 CSS 代码如下:

body {

margin: 20px 0;

background: #FFFFFF;

font: normal 13px Arial, Helvetica, sans-serif;

color: #666666;

}

结论: 

主页面的主体部分通过不同背景颜色的变化,能较递增缓和的体现出页面的色彩层次感来,从而展现出该网页的主体部分的“左右型”布局结构,该结构简单易学,是初入网页制作行业者最容易学会的一种布局模版。



相关文章