CSS学习笔记——字体&文本样式

一、常用的字体样式

• font-size 字体大小
• color 字体颜色
• font-weight 加粗效果
  normal 正常
  bold 加粗
• font-style
  italic 斜体
  …
• font-family 字体族
  serif 衬线字体
  sans-serif 非衬线字体
  monospace 等宽字体
  这些是字体的大分类，每个分类中还有很多中字体

还有很多字体样式可以在CSS文档中学习。

二、@font-face

用@font-face可以下载并使用自定义字体，也可以为用户提供服务器上的字体。

@font-face{
	font-famliy: myfont;  /* 给导入的字体取名字 */
	src: url(font.woff);  /* 指定要导入字体的路径 */
}

三、常用的文本样式

• text-align 设置文本的水平对齐方式
  center 居中对齐
  left 左对齐
  right 右对齐
  justify 两端对齐
• vertical-align 设置文本的垂直对齐方式
  baseline 默认值 基线对齐
  top 顶端对齐
  bottom 低端对齐
  middle 居中对齐（不常用，不是实际的居中）
• white-space 以何种方式处理空白符
  normal 正常，合并空格
  pre-wrap 不处理，不合并空格
  nowrap 合并空格，但不换行
• text-overflow 文字溢出
  clip 裁剪
  ellipsis 省略号