zoukankan      html  css  js  c++  java
  • font-size:100%有什么作用

     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%后就能自动继承。

      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,对于有些要求比较严格的网站,建议行高设计时用偶数

  • 相关阅读:
    迷你图标集大集合:5000+ 30套免费的图标(不得不下,设计必备)
    Github简介
    Sublime Text 3 文本编辑器
    FusionCharts V3图表导出图片和PDF属性说明(转)
    FusionCharts参数的详细说明和功能特性(转)
    SQL 数据结构操作语句
    SQL Server 2008 各种DateTime的取值范围
    Datagrid数据导出到excel文件的三种方法
    开发环境
    如何利用ThoughtWorks.QRCode 生成二维码
  • 原文地址:https://www.cnblogs.com/cyweb/p/4120938.html
Copyright © 2011-2022 走看看