TechbrooD
动效
WebXR
WebGL
CSS3
SVG
Canvas
JavaScript
Angular
React
jQuery
Three
GSAP
模板
博客
电商
移动应用
界面组件
游戏
RPG
益智
跑跳
塔防
策略
卡通
模型
3D打印模型
模型动画
教程
HTML5入门到精通
Three.js中文教程
A-Frame中文教程
在线参考手册
HTML5参考手册(中英文)
CSS3参考手册(中英文)
JS参考手册(中英文)
SVG参考手册(中英文)
博客
工具
3D类
GLTF模型在线查看器
全息图到立方体贴图在线转换工具
CSS类
CSS3文本阴影(Text-Shadow)在线生成器
CSS3框阴影(Box-Shadow)在线生成器
CSS3渐变色(Gradient)在线生成器
CSS3剪贴路径(Clip-Path)
SVG类
SVG图形变形转换器
编码类
JS/CSS压缩
BASE64图像编码转换
按键编码检测器(KeyCode Finder)
二维码(QRCODE)生成器
More
Stone
Codes
登录
注册
Toggle navigation
教程
手册
发 送
蜗牛不怕慢
发布
1
评论
1
我的积分
4
我的等级
1
Ta的表白
Ta的标签
发送私信
发送
请先
登录
再发送.
搜索
动效
文章
模型
免费
GUIDE-H5B2A-CASE-007
字体行高继承性测试,可以看到: 1. 使用像素(绝对值)会使得标题太紧,小字体文本太松。因为标题字体一般比较大; 2. 使用百分比也和像素差不多,比如父元素字体为16px,行高120%,那么子元素实际继承的行高为值16*1.2=19.2px约为20px,而和子元素的字体无关; 3. 使用无单位数字,如果数值较大(如1.5),会导致标题太松。 所以实践下来一个比较好的行高设置是:推荐使用无单位数字来设置行高,其中内容文本1.2,而标题1.5。
评论 (
0
)
收藏
发布:
2017-05-10
浏览:
256
次
维护中...