当前位置:编程学习 > html/css >>

简化下列css代码

简化下列css代码 h1{ color:gray; font-style:bold; font-family: sans-serif;} h2,p{ color:gray; font-family: sans-serif;} a{ font-style:italic;}
答案:首先有几个问题需要强调一下,这里的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:gray;font:12px/1.5 Arial,Helvetica,sans-serif;}
h2{font-weight:normal;}
a{font-style:italic;}
其他:h1{ 
font-style:bold;} 
h1,h2,p{
color:gray; 
font-family: sans-serif;} 
a{ 
font-style:italic;} h1{font-style:bold;}
h1,h2,p{color:gray;font-family:sans-serif;} 
a{font-style:italic;} h1,h2,p{color:gray;font-family:sans-serif;}
h1{font-style:bold;}
a{font-style:italic;}

上一个:asp.net 网页中引用的js和css会下载到本地吗?
下一个:请问这样的版样如何用div+css变现比较好

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,