Day 05 CSS 文本、字体和链接

Day 05

Author:ScorpioDong

1. CSS 文本格式

1.1 文本颜色

Day 05 CSS 文本、字体和链接

  • 使用颜色属性可以设置文字的颜色

1.2 文本对齐

Day 05 CSS 文本、字体和链接

  • text-align 属性可以改变文本的水平对齐方式
  • 常用属性值有:
    • left: 左对齐
    • right: 右对齐
    • center: 居中对齐
    • justify: 两端对齐

1.3 文本修饰

Day 05 CSS 文本、字体和链接

  • 该属性用来设置文本的样式
  • 常用属性值有:
    • none: 默认,标准文本,无修饰(删除链接下划线)
    • underline: 下划线
    • overline: 上划线
    • line-through: 删除线
    • blink: 文本闪烁

1.4 文本转换

Day 05 CSS 文本、字体和链接

  • 该属性控制文本的大小写
  • 常用属性值有:
    • none: 默认
    • capitalize: 单词首字母大写
    • uppercase: 全部大写
    • lowercase: 全部小写

2. CSS 字体

2.1 字体系列

Day 05 CSS 文本、字体和链接

  • 该属性用于设置文本的字体系列
  • 属性值超过一个字(英文单词),需要使用引号包裹
  • 允许有多个属性值,使用逗号分隔

2.2 字体样式

Day 05 CSS 文本、字体和链接

  • 该属性定义文本的字体样式,主要是常规体和斜体
  • 常用属性值有:
    • normal: 默认值,标准体
    • italic: 斜体
    • oblique: 斜体,但和上面一条不一样

2.3 字体大小

Day 05 CSS 文本、字体和链接

  • 该属性可以设置文本的字体大小
  • 常用属性值有:
    • px:像素值
    • em:px / 16 = em, 1em等于16px
    • %: 调整为父元素的百分之多少, <body>字体常用100%

3. CSS 链接

3.1 链接状态选择器

Day 05 CSS 文本、字体和链接

  • 链接存在4种状态
    • link: 未访问
    • visited: 已访问
    • hover: 鼠标移动到链接上
    • active: 鼠标点击时
  • 选择器可以通过冒号选择需要定义哪种状态
  • hover必须跟在link和visited的后面
  • active必须跟在hover的后面

3.2 链接文本样式

  • 和普通文本一样