前端学习笔记day04-CSS文本属性-CSS字体属性-CSS选择器

CSS文本属性-CSS字体属性-CSS选择器

一.css属性-文本

1.1. text-decoration

• 装饰线
• 常见的值:
  • none:无任何装饰线(可以去除a元素默认的下划线)
  • underline:下划线
  • overline:上划线
  • line-through:中划线(删除线)

1.2. text-transform

• 形变
• 常见的值
  • capitalize:将每个单词的首字符变为大写
  • uppercase:将每个单词的所有字符变为大写
  • lowercase:将每个单词的所有字符变为小写
  • none:没有任何影响

1.3. text-indent

• 首行缩进
• 常见的设置方式
  • text-index:10px
  • text-index:2em(刚好是缩进两个文字)

1.4. text-align(重要)

• 设置文本的对其方式
• MDN:定义行内内容(例如文字)如何相对它的块元素对齐
• 常见的值:
  • left:左对齐
  • right:右对齐
  • center:正中间显示
  • justify:两端对齐

1.5. letter-spacing word-spacing

• letter-spacing:设置字母之间的间距
• word-spacing:设置单词之间的间距
• 默认值是0可以设置负数

二.CSS属性-字体

2.1. font-size

• 文字的大小
• 常用的设置
  • 100px
  • em(1em代表100%;2em代表200%;0.5em代表50%)
  • 百分比(比如百分之50代表父元素font-size的一半)

2.2. font-family

• 文字的字体名称
• 可以设置一个或者多个字体名称
• 浏览器会选择