HTML 第三章 3.2 CSS文本相关样式

3.2.1CSS字体样式属性

1.font-size:字号大小
设置字号 该属性的值可以使用相对长度单位也可以使用绝对长度单位

2.font-family：字体
l例如将网页中所有的段落文本的字体设置为微软雅黑

p {font-family:"微软雅黑";}

可以同时指定多个字体当浏览器第一个识别不了的时候就是别第二个 中间用逗号隔开

body{font-family:"华文彩云"，"宋体"，"黑体"；}

3.font-weight:字体粗细

4.font-variant：变体

属性适用于设置变体（字体变化）一般用于定义小型大写字母，仅对英文字符有效
normal：默认值，浏览器会显示标准的字体

small-capsule：浏览器会显示小型的大写字体， 及所有的小写字母就会转换为大 写。但是所有使用小型大写字体的字母 与其余文本相比，其字体尺寸更小。

5.font-style：字体风格
设置斜体，倾斜或正常字体
normal：默认值，浏览器会显示标准的字体样式

italic:浏览器会显示斜体的字体样式

oblique:浏览器会显示倾斜的字体样式

6.font：综合设置字体样式
基本语法格式

选择器{font:font-style font-variant font-weight font-size/line-height font-family;}

3.2.2CSS文本外观属性

1.color:文本颜色
取值方式有三种
预定义的颜色 red blue yellow
十六进制 #FF0000 #FF6600 #29D794
RGB代码 红色可以表示为rgb(255.0.0)或rgb（100%，0%，0%）

2.letter-spacing:字间距
字间距就是字符与字符之间的空白
属性值可以为不同单位的属性值允许使用负值 默认为normal

3.word-spacing:单词间距
定义英文单词之间的间距 中文字符无效

4.line-height:行间距
字符的垂直间距，一般称为行高

5.text-transform:文本转换
用于控制英文字符的大小写
none:不转换（默认值）
capitalize:首字母大写
uppercase:全部字符转换为大写
lowercase:全部字符转化 为小写

6.text-decoration：文本装饰
设置文本的下画线 上画线 删除线等装饰效果
none:下划线
underline:上划线
overline:上画线
line-through:删除线

7.text-align：水平对齐方式
用于设置文本内容的水平对齐，相当于HTML中align对齐属性
left：左对齐（默认）
right:右对齐
center:居中对齐

8.text-indent：首行缩进

9.white-space：空白符处理
normal:常规（默认值）文本中的空格，空行无效，满行（达到区域边界）后自动换行
pre:预格式化，按文档的书写格式保留空格，空行原样显示
nowrap:空格空行无效，强制文本不能换行，除非遇到换行标记
内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条