左右型网站布局
分析:
从整体结构来看该网页属于“左右型”结构布局,左边部分是以日志形式显示的报告,右边是欢迎来到网站的话语和一些相关的超级链接,通过这些链接可以让浏览者浏览到更多有关该网页的其他信息,最下面是是网站的底栏,主要包括版权信息和联系方式。
代码:
用于控制该页面整体元素属性的相关 CSS 代码如下:
body {
margin: 20px 0;
background: #FFFFFF;
font: normal 13px Arial, Helvetica, sans-serif;
color: #666666;
}
结论:
主页面的主体部分通过不同背景颜色的变化,能较递增缓和的体现出页面的色彩层次感来,从而展现出该网页的主体部分的“左右型”布局结构,该结构简单易学,是初入网页制作行业者最容易学会的一种布局模版。
关键词:网站布局