CSS網(wǎng)頁(yè)布局學(xué)習(xí)之Font-size的妙用
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2009-04-02 19:38:25 作者:佚名
我要評(píng)論

網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:CSS網(wǎng)頁(yè)布局學(xué)習(xí)之Font-size的妙用.
我在做網(wǎng)站項(xiàng)目的時(shí)候通常需要定義一個(gè)高度為10px以下的div。代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
CSS網(wǎng)頁(yè)布局學(xué)習(xí)之Font-size的妙用. 我在做網(wǎng)站項(xiàng)目的時(shí)候通常需要定義一個(gè)高度為10px以下的div。代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<div style="background:blue; height:8px"></div>
</body>
</html>
意思是定義一個(gè)高度為8px,藍(lán)色背景的div.在各瀏覽起的實(shí)際效果如下:

以前我解決IE6.0下出現(xiàn)的這種問(wèn)題的方法是 加overflow:hidden
<div style="background:blue; height:8px;overflow:hidden"></div>
因?yàn)榧觨verflow:hidden有時(shí)候會(huì)出現(xiàn)很多問(wèn)題.
我在網(wǎng)上翻閱了一下資料,造成IE6.0下多出來(lái)高度的原因是因?yàn)?沒(méi)有給div定義字體大小的情況下,默認(rèn)是font-size;12px. 所以給font-size定義為0就可以解決問(wèn)題了.
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
</head>
<body>
<div style="background:blue; height:8px; font-size:0"></div>
</body>
</html>
在各瀏覽起的實(shí)際效果如下:

相關(guān)文章
詳解使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁(yè)排版
本篇文章主要介紹了使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁(yè)排版,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-18知識(shí)普及之CSS: body{font-size: 62.5%;}這種寫(xiě)法的原因
在網(wǎng)頁(yè)設(shè)計(jì)中我們經(jīng)??匆?jiàn)body{font-size: 62.5%;}這樣的設(shè)置,為什么偏偏是62.5%呢?下面腳本之家小編給大家揭曉這個(gè)答案,一起了解了解吧2016-05-06- 這篇文章主要介紹了CSS中的font-size屬性使用教程,是CSS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-13
- 這篇文章主要介紹了CSS的font-size屬性及其em值的使用,是CSS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-05
CSS Font-Size: em、px 、pt 、Percent之間的關(guān)系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關(guān)系及換算,本篇整理的還是比較詳細(xì)的,需要的朋友可以參考下2014-05-15- CSS的字體樣式設(shè)置相信許多人再熟悉不過(guò),其實(shí)字體樣式的設(shè)置并不僅僅限于我們平時(shí)常用的那幾個(gè)屬性,本文為您詳細(xì)敘述 font-size 的字體樣式設(shè)置的詳細(xì)屬性。2009-08-29
css中一些常用的font-size字體單位和line-height詳解
這篇文章主要介紹了css中一些常用的font-size字體單位和line-height的相關(guān)知識(shí),給大家提到了px(pixel)像素的一些小知識(shí),本文通過(guò)實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì),感2020-05-20