CSS3秘笈复习：第六章

第六章

1.文本大写化：

text-transform:uppercase;

另外三种选项是：lowercase或capitalize以及none。

2.文本修饰：

text-decoration：underline/overline/line-through/blink/none

可以使用多个关键字来合并效果。

3.给文本添加阴影：它接收四个参数 水平偏移量 垂直偏移量 阴影的模糊度 阴影的颜色

text-shadow：-4px 4px 3px #999999;

可以添加多个阴影，用逗号隔开。

4.调整行间距：

　　浏览器默认line-height属性的值是120%，如果要使行间距变得紧凑些就用小于120%的值，如果要使行间距变得大一些，就用大于120%的值。

可以使用数字来表示行间距，如：

line-height:1.5

浏览器会将这个数字与字号相乘来确定行高。

5.文本格式的快捷方法：

　　使用font属性一次性设置font的值：

font:italicboldsmall-caps 18px/150% Arial , Helvetica , sans-serif ;

一个font语句不一定要包含上述所有的属性，但是必须包括字号和字体；每个属性值之间要有一个空格，多中字体之间用逗号隔开；指定行高的时候要在字号后面加一个正斜杠/，在后面是行高，像这样：1.5em / 150% 或 24px / 37px；最后两种属性必须是font-size和font-family，一定要按这种顺序，其他属性均可按任意顺序编写。

6.列表格式化：

　　list-type-position：outside/inside；可以控制项目符号的位置，让项目符号显示在文本之内或者文本之外。利用padding-left属性可以调整项目符号与文本的距离，但是只有在list-type-position设置为outside或者没有使用list-type-position时才有效。

　　list-style-image属性可以指定图片在网站上的路径，自己创建项目符号。

转载于:https://www.cnblogs.com/koto/p/5348262.html