一、CSS 文本格式化概述


文本格式化概述

  - 主要包括

      - 控制字体: 如字体大小、字体加粗、字体系列等

      - 设置文本格式: 如文本颜色、文本排列和文本缩进等

  - 建议使用文本格式化相关的样式,取代加粗(<b>)、倾斜(<i>)等 HTML 元素


二、CSS 字体属性


控制字体

  - 指定字体

      - font-family: value1,value2;

  - 字体大小

      - font-size: value;

  - 字体加粗

      - font-weight: normal/bold/value;

  - 字体样式

      - font-style:normal/italic;

  - 小型大写字母显示

      - font-variant: normal/small-caps;

wKioL1bw5LuzPNxpAACz0IMNbEA645.png


字体属性 font

  - 字体属性 font 用于把所有针对字体的属性设置在一个声明中

  - 为简写属性,包含6个值,可以按顺序设置

      - font: font-style font-variant font-weight font-size font-family;

      - 不设置的值,则使用默认设置


三、CSS 文本属性


控制文本格式

  - 文本颜色 color:value;

  - 文本排列 text-align: left/right/center;

  - 文本修饰 text-decoration: none/underline;

  - 行高 line-height: value;

  - 首行文本缩进 text-indent:value;

  - 文本阴影

      - text-shadow:h-shadow v-shadow blur color;

wKioL1bw6g_zwNyXAADZj2rcMGI441.png


溢出

  - 处理空白

      - white-space: normal/nowrap;

  - 文本溢出

      - text-overflow: clip/ellipsis;

wKiom1bw6dqR5Yi9AACLS_RpQjU410.png

wKiom1bw6e7QC5fwAAED9_Crev8200.png


换行

  - 长单词换行

      - word-wrap: normal/break-word;

  - 文本换行

      - word-break: normal/break-all/keep-all;

wKiom1bw6krh_wq4AACbZunbQfg268.png

wKioL1bw6wDyXZKsAADoEwKJYsE909.png


总结:本章内容主要介绍了 Css  文本格式化(字体属性,文本属性)。