css中的字体尺寸
来源:互联网 发布:大数据世界txt下载 编辑:程序博客网 时间:2024/04/26 11:56
CSS里面的font:12px/1.51.5是行高(line-height).1.5表示是12px的1.5倍,即font: 12px;line-height: 1.5。也可以理解font-size:12px;line-height:1.5em,即字符高度的1.5倍。
网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,62.5%这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时,1em则=16px*62.5%=10px,1.2em则=12px,这就简单多了
◆CSS中em属性有如下特点
1.em的值并不是固定的;
2.em会继承父级元素的字体大小。
◆所以我们在写CSS的时候,需要注意
1.body选择器中声明Font-size=62.5%;
2.将你的原来的px数值除以10,然后换上em作为单位;
3.重新计算那些被放大的字体的em数值。避免字体大小的重复声明
◆px像素(Pixel),相对长度单位。像素px是相对于显示器屏幕分辨率而言的。用px来定义字体,就无法用浏览器字体放大的功能
◆em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
阅读全文
0 0
- css中的字体尺寸
- css的字体和尺寸
- CSS中的尺寸单位
- CSS颜色 尺寸 字体属性 文本属性
- CSS中的字体效果
- css中的字体---lesson6
- 字体:获取字体尺寸
- css尺寸
- Alert 中的字体通过css设置
- 字体系列及 css中的font设置
- CSS中调用ttf文件中的字体
- CSS中的字体背景和盒子模型
- 说一说CSS中的尺寸单位 px em rem
- 常见的HTML中的特殊字符和CSS尺寸单位
- CSS字体
- css字体
- css字体
- CSS字体
- 数组旋转问题的应用
- armsd 指令详解
- 17.11.24,web学习第十一天,还有一年,努力吧青年
- memcpy
- 分蛋糕(2017年3月第一题)
- css中的字体尺寸
- 洛谷P3956 [NOIp2017]棋盘
- Titanic生还率预测
- LAMP环境搭建与配置(八)
- RabbitMQ入门教程(五):扇形交换机发布/订阅(Publish/Subscribe)
- LAMP环境搭建与配置(九)
- 京东强大数据支撑着618和双11
- 数组指针,指针数组,函数指针,等理解
- C语言基础操作符整理~