CSS学习（2）--font、text、link

1 font-family属性，用于设置一组按优先级排列的字体列表，

如果第一个字体未在访问者计算机上安装，则使用下一个字体；

有两种类型用于设置字体族名称：字体族名称（family-name）和族类名称（generic family）

例：设置h1的字体

h1{font-family:arial,verdana,"Times New Roman";}

带空格的字体名称需要加双引号

2 font-style属性，用于定义所选字体的显示样式，可选值有normal 正常、italic 斜体、oblique 倾斜

3 font-variant属性，可选值为normal和small-caps，设置为small-caps，则字体会以小尺寸显示的大写字母代替小写字母显示

4 font-weight属性，设置字体粗细，可选值normal、bold

5 font-size属性，设置字体大小

可通过多种方式设置字体大小，如下：

h1{font-size:10px;}

h1{font-size:10pt;}

h1{font-size:10%;}

h1{font-size:lem;}

px和pt将字体设置为固定大小，%和lem允许用户自己通过浏览器中的设置调整字体大小

6 font 属性，是有关font属性的缩写

例：

h1 {font:italic bold 30px arial,sans-serif;}

font属性的值按以下方式设置：

font-style|font-variant|font-weight|font-size|font-family

 

 

7 text-indent属性，用于为文本设置首行缩进

p{text-indent:30px;}

p元素的文本首行缩进30px ，

8 text-align属性，设置文本对其方式

可选值为：left、right、center、justify（两端对齐）

9 text-decoration属性，为文本增加装饰，例如添加上划线、下划线、删除线

可选值为：underline 下划线、overline 上划线、line-through 删除线

10 letter-spacing属性，用于设置文本的水平字间距

例：

h1{letter-spacing:3px;}

11 text-transform属性，控制文本大小写

可选值为四个：

capitalize，首字母大写

uppercase，所有字母大写

lowercase，所有字母小写

none，不进行转换

12 伪类 ，pseudo-class

令你可以在html定义css属性的时候将条件和事件考虑在内

例如  a:visited    a:link  都是伪类

13 css允许你根据链接是未访问的、已访问的、鼠标悬停等分别定义不同的属性，定义方式需要通过伪类

与链接有关的伪类有四个：

a:link  --为访问过的链接

a:visited --访问过的链接

a:hover --鼠标悬停的链接

a:active --获得焦点的链接

例：

a:link{

background-color:#FFCC00;

}