CSS模板与HTML模板实用于每次新开发页面使用

首先给大家分享我的及CSS网页使用的开头CSS模板：
每次新开发页面的共同可用的CSS代码模板如下：

以下为引用的内容： body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family: inherit;} ol, ul ,li{list-style: none;} img {border: 0;} body {color:#000;background:#FFF; text-align: center; font: 12px/1.5 Arial, Helvetica, sans-serif;} .clearfix:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;} .clear{clear:both;height:1px; margin-top:-1px; width:100%;} .dis{display:block;} .undis{display:none;}

font-size:100%是什么意思

css总结 2010-11-28 09:44:30 阅读39 评论0   字号：大中小 订阅

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
input,select,textarea,samp {font-size:100%;}
看到一些css重设,请问设置font-size:100%的目的和作用是什么?

---------------------------------------------------------------------------------------

假如你设置body{font-size:12px;}
但h1是不会继承这个12px，它会按照一定百分比增加字号，但如果给h1显试指定font-size:100%;它就会继承body设定的字体大小。

1. 它改变了默认的大小。
2. 这些元素本身不会继承父体的字体大小，设置了font-size:100%后就能自动继承。