简化下列css代码

html-css021

简化下列css代码,第1张

首先有几个问题需要强调一下,这里的CSS不仅仅存在简化的问题,还有几处小错误:

1. h1~h6这六个标签是标题标签,其中<h1>定义最大的标题,<h6>定义最小的标题。默认都是加粗字体,所以本例中h1的加粗可以不写。

2. font-weight 属性设置文本的粗细。所以加粗的样式应该这样定义:font-weight:bold

该属性用于设置显示元素的文本中所用的字体加粗。

3. 依楼主的示例来看,h2是不需要加粗显示的,所以应该加:font-weight:normal

4. 页面字体的设置,常用的英文站点是Arial字体,中文站点是“宋体”,sans-serif只是一个字库,当前面定义的字体都不存在时,显示此字库中的字体,这只是一个保险方案。

5. 其中颜色 字体 字号都可以在body中定义。

所以优化的CSS如下:

body{color:grayfont:12px/1.5 Arial,Helvetica,sans-serif}

h2{font-weight:normal}

a{font-style:italic}

写一个总DIV

<div class"width:1000pxmargin:0 auto">

在这里在写你要放的内容,就可以居中啦。。。

</div>