汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS设置字体大小的单位介绍

作者:admin 发布时间:2019-08-12

CSS用于设置字体大小的属性是:font-size

例如:font-size:12px;设置了字体大小为12个像素,一般用于设置字体大小的单位有以下6种:

 pt 点

pc 点阵

px 像素

em M字长

ex x字长

% 百分比

点和点阵:

点和点阵都是绝对单位值,例如:一个点的大小就是1/72英寸,一个点阵大小为1/6英寸,但是这样的单位很多情况下让计算机设备无法正确的计算出屏幕尺寸到底有多大,那么显示的效果可能就会是猜测值。

像素:

像素这个单位在不同的分辨率上显示的效果也会有所差别,是能够根据分辨率大小同比例的减小或者增大,所以计算是准确的,不会对你所设置的字体效果产生影响,所以也是我们设置字体和网页元素的绝佳选择。

Em和ex

这两个单位会根据字体大小情况发生改变,是相对于默认的字体大小的M和x大小值。所以也经常用于网页元素的设置中,只要设置好了默认字体大小,那么这个单位就会根据默认字体大小定义自己的大小。

%

%也是一个相对单位,例如:100%就是相对于默认字体的大小相同,大于100%就是增大,小于100%就是同比例缩小。 

相对关键字:

xx-small

x-small

small

medium :和默认字体大小一致,向上SMALL就是略缩小,向下LARGE就是略增大

larger

x-larger

xx-larger

相对关键字都是以父元素作为参照物定义自己的大小的,会产生继承的效果,好比:

 p{font-size:small;}

em{font-size:larger;}

p em aaaaaaaa em aaaaaaaa /em /em aaaaaaa /p

 图片截图如下:

 心得:相对关键字和em、ex、%相对单位都会产生继承效果。相关:。

网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1