精通HTML5+CSS3+JavaScript网页设计(视频教学版)(第2版)
上QQ阅读APP看书,第一时间看更新

6.8 专家解惑

1.用CSS定义的字体在不同浏览器中的大小不一样,该如何解决?

例如,使用font-size:14px定义的宋体文字,在IE下实际高是16px、下空白是3px,在Firefox浏览器下实际高是17px、上空1px、下空3px。其解决办法是在文字定义时设定line-height,并确保所有文字都有默认的line-height值。

2.CSS在网页制作中一般有四种方式,那么具体在使用时该采用哪种用法呢?

有多个网页要用到的CSS,采用外链CSS文件的方式,这样网页的代码将大大减少,修改起来非常方便;只在单个网页中使用的CSS,采用文档头部方式;只有在网页一两个地方才用到的CSS,采用行内插入方式。

3.CSS的行内样式、内嵌样式和链接样式可以在一个网页中混用吗?

三种用法可以混用且不会造成混乱,这也是为什么称之为“层叠样式表”的原因。浏览器在显示网页时是这样处理的:先检查有没有行内插入式CSS,有就执行,针对本句的其他CSS就不去管了;再检查内嵌方式的CSS,有就执行;在前两者都没有的情况下再检查外链文件方式的CSS。这是因为三种CSS的执行优先级依次是行内样式、内嵌样式、链接样式。