资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

font-size:100%的目的和作用分别是什么-创新互联

本篇文章为大家展示了font-size:100%的目的和作用分别是什么,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联建站基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽,联通大带宽,移动大带宽,多线BGP大带宽租用,是为众多客户提供专业服务器托管报价,主机托管价格性价比高,为金融证券行业遂宁联通机房,ai人工智能服务器托管提供bgp线路100M独享,G口带宽及机柜租用的专业成都idc公司。


代码如下:


h2,h3,h4,h5,h6,h7 {font-size:100%;font-weight:normal;}
input,select,textarea,samp {font-size:100%;}



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

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

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

但h2是不会继承这个12px,它会按照一定百分比增加字号,但如果给h2显试指定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,对于有些要求比较严格的网站,建议行高设计时用偶数

上述内容就是font-size:100%的目的和作用分别是什么,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网站栏目:font-size:100%的目的和作用分别是什么-创新互联
本文URL:http://cdkjz.cn/article/gecgi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220