font-size:100%有什么做用

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

  input,select,textarea,samp {font-size:100%;}浏览器

  看到一些css重设,请问设置font-size:100%的目的和做用是什么?ide

  ---------------------------------------------------------------------------------------字体

  假如你设置body{font-size:12px;}网站

  但h1是不会继承这个12px,它会按照必定百分比增长字号,但若是给h1显试指定font-spa

  size:100%;它就会继承body设定的字体大小。设计

  1. 它改变了默认的大小。orm

  2. 这些元素自己不会继承父体的字体大小,设置了font-size:100%后就能自动继承。对象

  line-height : normal | length继承

  参数:

  normal : 默认行高

  length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,容许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位 

 说明

  检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。

  如行内包含多个对象,则应用最大行高。此时行高不可为负值。

  对应的脚本特性为lineHeight。请参阅我编写的其余书目。

 示例

  div {line-height:6px; }

  div {line-height:10.5; }

 注意

  1.用line-height只对文字起做用 对于图片时失效

  2.用dreamweaver 能够看到即时的line-height 的效果

  3.用line-height 时能够使用负值

  须要注意的是,在各浏览器下对于line-height的解决也是有细微的区别的,上下会有1px的差异,若是行高是偶数的话,大部分浏览器解释仍是比较正常,若是是奇数的话,有些浏览器会上比下多1px,而另外一些浏览器会下比上多1px,对于有些要求比较严格的网站,建议行高设计时用偶数

相关文章
相关标签/搜索