博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css排版
阅读量:5117 次
发布时间:2019-06-13

本文共 597 字,大约阅读时间需要 1 分钟。

行内盒子高度(line-height)=上下两个半铅空+内容区高度(font-size)

so, if line-height为30px, font-size为22px, 则半铅空为4px.

2. line-height单位可以是px, %, 或是无单位。

body子元素会继承line-height值。若设的是px或%,则继承的是计算后的像素值;

若line-height: 1.5   (若font-size使用默认值16px,则line-height实际为24px) 同时子元素继承的只是系数1.5,而非计算后的像素值。

3.除line-height外,vertical-align也会影响行间距。

vertical-align取值:base-line(默认值), super, sub, top, bottom, middle, text-top, text-bottom

4.  字体粗细: font-weight: normal, bold, bolder, lighter, 或100的整数倍。

字体倾斜 font-style: normal(默认值), italic

5. 大小写转换:text-transform: uppercase, lowercase

转载于:https://www.cnblogs.com/ceceliahappycoding/p/11199040.html

你可能感兴趣的文章
jquery中ajax返回值无法传递到上层函数
查看>>
css3之transform-origin
查看>>
Master选举原理
查看>>
[ JAVA编程 ] double类型计算精度丢失问题及解决方法
查看>>
小别离
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>
Java 多态 虚方法
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>