简化下列css代码

html-css08

简化下列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}

CSS中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。

需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。

而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。

扩展资料

在CSS 2.1规范中,识别符(包括选择符中的元素名、类、ID)只能包含A~Z、a~z、0~9等字符,加上连字符“-”、下划线“_”。

识别符不能以数字开头,以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时,其他元素名称、类和ID标识符也不允许用连字符开头。

CSS的识别符也需要用反斜杠“\”规避特殊字符,这些规避字符遵循IS010646规范。特殊字符的规避方法有两种:

第一种方法是遇到特殊字符则在这些字符前直接添加反斜杠,例如,“AT&T”变为“AT\&T”;

另一种方法为用反斜杠和Unicode或IS010646等值的十六进制数值一起,规避特殊字符,例如,“AT&T”变为“AT\26T”。

层叠样式表(Cascading Style Sheet,CSS)有助于实现负责任的Web设计。CSS对开发者构建Web站点的影响很大,并且这种影响可能是无止境的。

将网页的大部分甚至是全部的表示信息从(X)HTML文件中移除,并将它们保留在一个样式表中有诸多优点,如降低文件大小、节省网络带宽以及易于维护等。

此外,站点的表现信息和核心内容相分离,使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

CSS简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载显示的速度,也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。

只要修改保存着网站格式的CSs样式表文件就町以改变整个站点的风格特色,在修改页面数量庞大的站点时,显得格外有用。这就避免了一个个网页的修改,大大减少了工作量

参考资料来源:百度百科-CSS