手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css重置浏览器字体大小示例分享
css重置浏览器字体大小示例分享
摘要:如果你不想下载9MB的文件,代码如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fo...

如果你不想下载9MB的文件,代码如下:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,

blockquote,th,td {margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:”; }

abbr,acronym { border:0; }

其次,我们重设浏览器字体的大小为10像素,使用如下:

html {font-size: 62.5%;}

这个大小基本合适,然后您可以根据自己的需要调整大小,如 标题1为120像素:

h1 {font-size: 2em;}

【css重置浏览器字体大小示例分享】相关文章:

火狐浏览器和IE的CSS区别

css控制div中元素居中的示例

css 控制鼠标显示样式示例

浏览器如何判断css优先级

CSS等比列放大缩小效果

css中用javascript判断浏览器版本

css中默认中文字体font-family列表

最全的CSS浏览器兼容问题

兼容各浏览器:CSS定义PNG透明效果

css在不同浏览器中的唯一标识以height属性为例

精品推荐
分类导航