网站设计DIV+CSS
<section>
< h2 > < a name = "title4 " id = "title4 " > < /a>城市化仍是未来发展动力</h2>
<p>按照官方标准…... </p>
<p>欧美以往曾……</p>
</section>
<!一第四节结束一>
</article>
<!一页面结束
~~>
</body>
</html>
(2)新建CSS文档，保存为global.csso
(3)在HTML文档中链接global.csso
<head>
<meta charset="utf一8">
<title>城市长大并不是城市化</title>
<link rel，"stylesheet" href="global .css"/>
</head>
(4)在global. css中按照从大范围到小范围、从上到下的顺序，分区域依次添加样式。
由于每个元素都有其各自系统默认的内外边距值，且在不同浏览器中显示效果不同，因此在设置网页样式之初使用通配符*将所有元素的默认内外边距去掉是非常必要的。
margin:Opx;
padding:O px:
/*外侧边距*/
/*内侧边距*/
}
设置id为maincontent的article元素属性。宽度为700px;页面水平居中;左右有1 px粗、颜色为#ccc的实线型边框;内边距上方25 px，左右20px，下方为0;背景颜色为#F9FBF9a
#maincontent{
width:700px;
margin:0 auto;
border一right:solid lpx #ccc;
border一left:solid ipx #ccc;
padding:25px 20px 0;
background一color:#F9FBF9;
/*宽度*/
/*水平居中*/
/*右侧边框*/
/*左侧边框*/
/*内侧边距*/
/*背景颜色*/
class为review的section(文章导读)中的h3元素的字体大小设里为14.7 px a}将
.review h3{
font一size:14 .7px;
/*字号*/
}
将一级标题的字体将为“黑体”、字号为30px、上方间距25 px、下方间距15 px、水平居中。
hl{
font一size: 30px;/*字号*/
margin一top: 25px;/*上方外边距*/
margin一bottom: l5px;/*T方外边距*/
font一family:”黑体”;/*字体*/
text一align: center;/*对齐方式*/
