CSS设计指南笔记:文本篇

以下是几个最有用的 CSS 文本属性:
 text-indent
 letter-spacing
 word-spacing
 text-decoration
 text-align
 line-height
 text-transform
 vertical-align

text-indent

是可以被子元素继承的。如果你在一个div 上设定了text-indent 属性,那么div 中的所有段落都会继承该缩进值。然而,与
所有继承的CSS 值一样,这个缩进值并不是祖先元素中设定的值,而是计算的值。

letter-spacing

无论设定字体大小时使用的是什么单位,设定字符间距一定要用相对单位,以便字间距能随字体大小同比例变化。

text-decoration

文本装饰最主要的应用是控制链接的下划线。下面这个例子展示了怎么通过text-decoration 去掉导航条中链接的下划线。

nav a {text-decoration:none;}
a:hover {text-decoration:underline;}

 text-transform

属性用于转换元素中文本的大小写,它可以设定英文文本首字母大写、全部字母大写和全部字母小写。

vertical-align

以基线为参照上下移动文本,但这个属性只影响行内元素。如果你想在垂直方向上对齐块级元素,必须把其display 属性设定为inline。vertical-align属性最常用于公式或化学分子式中的上标和下标,比如x4-y-5 或N3O,或者用于文本中脚注的角标,比如把星号变成上角标。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值