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