Day 05 CSS 文本、字体和链接
Day 05
Author:ScorpioDong
1. CSS 文本格式
1.1 文本颜色
- 使用颜色属性可以设置文字的颜色
1.2 文本对齐
- text-align 属性可以改变文本的水平对齐方式
- 常用属性值有:
- left: 左对齐
- right: 右对齐
- center: 居中对齐
- justify: 两端对齐
1.3 文本修饰
- 该属性用来设置文本的样式
- 常用属性值有:
- none: 默认,标准文本,无修饰(删除链接下划线)
- underline: 下划线
- overline: 上划线
- line-through: 删除线
- blink: 文本闪烁
1.4 文本转换
- 该属性控制文本的大小写
- 常用属性值有:
- none: 默认
- capitalize: 单词首字母大写
- uppercase: 全部大写
- lowercase: 全部小写
2. CSS 字体
2.1 字体系列
- 该属性用于设置文本的字体系列
- 属性值超过一个字(英文单词),需要使用引号包裹
- 允许有多个属性值,使用逗号分隔
2.2 字体样式
- 该属性定义文本的字体样式,主要是常规体和斜体
- 常用属性值有:
- normal: 默认值,标准体
- italic: 斜体
- oblique: 斜体,但和上面一条不一样
2.3 字体大小
- 该属性可以设置文本的字体大小
- 常用属性值有:
- px:像素值
- em:px / 16 = em, 1em等于16px
- %: 调整为父元素的百分之多少,
<body>
字体常用100%
3. CSS 链接
3.1 链接状态选择器
- 链接存在4种状态
- link: 未访问
- visited: 已访问
- hover: 鼠标移动到链接上
- active: 鼠标点击时
- 选择器可以通过冒号选择需要定义哪种状态
- hover必须跟在link和visited的后面
- active必须跟在hover的后面
3.2 链接文本样式
- 和普通文本一样