作家
登录

CSS网页布局学习之Font-size的妙用

作者: 来源:www.28hudong.com 2012-11-19 22:36:49 阅读 我要评论

CSS网页布局学习之Font-size的妙用. 我在做网站项目的时候通常需要定义一个高度为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>无标题文档</title></head><body><div style="background:blue; height:8px"></div></body></html>意思是定义一个高度为8px,蓝色背景的div.在各浏览起的实际效果如下: 以前我解决IE6.0下出现的这种问题的方法是 加overflow:hidden <div style="background:blue; height:8px;overflow:hidden"></div>因为加overflow:hidden有时候会出现很多问题. 我在网上翻阅了一下资料,造成IE6.0下多出来高度的原因是因为:没有给div定义字体大小的情况下,默认是font-size;12px. 所以给font-size定义为0就可以解决问题了.代码如下: <!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>无标题文档</title></head><body><div style="background:blue; height:8px; font-size:0"></div></body></html> 在各浏览起的实际效果如下:

  推荐阅读

  CSS 浏览器兼容问题整理大全(比较全)

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧 1.div的垂直居中问题 vertical-a>>>详细阅读


本文标题:CSS网页布局学习之Font-size的妙用

地址:http://www.17bianji.com/kaifa2/CSS/16904.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)