网站介绍

这个网站采用了简洁的白色背景,以及微软雅黑和宋体两种字体,整体风格优雅且易读。网站的主要布局包括一个标题栏、内容部分以及页脚。

页面布局

  • body标签设置了背景颜色为浅灰色(#F9F9F9),并设置了边距为0px,字体为微软雅黑和宋体,字号为12px。

  • .box类定义了一个固定宽度的容器,其内部的元素会自动居中对齐。同时,通过CSS的height: auto;,可以保持容器的高度随着内容的变化而变化。

  • .box内部,.titleContent类定义了标题栏的内容,其中border-bottom-color属性设置了底部边框的颜色,line-height属性设置了标题栏的高度,background-color属性和border-bottom-style属性分别定义了背景颜色和底部边框的样式,border-bottom-width属性则定义了底部边框的宽度。

  • .titleContent .title类定义了标题的内容,其中margin-left属性使得标题在容器中左对齐,padding-top属性设置了标题上方的空间,font-family属性设置了字体,font-size属性设置了字体大小,color属性设置了字体颜色。

  • .box .content类定义了内容区块,其中width属性设置了内容区的宽度,height属性设置了内容区的高度,margin:0 auto;使得内容区块在容器中居中对齐。此外,通过CSS的border-top-color,可以设置内容区的上边框颜色。