mdn-文字样式化

css基本文本和文字样式

样式文本的css属性

• 字体样式
• 文本布局风格

元素中的文本是一个单一的实体

颜色

• 前景色：color

字体种类 font-family

• default font

1. serif-有衬线的字体
2. sans-serif-无衬线的字体
3. monospace-字符宽度相同

• 网页安全字体-cssfontstack.com
• 字体栈

1. font-family: “Trebuchet MS”, Verdana, sans-serif

如果都没有-times new roman
两个单词用双引号

字体大小-font-size

unit:em-当前元素的父元素的字体大小

• html-16px
• h1-2em

html {
font-size: 10px;
} 设置为10px方便计算

字体样式，粗细，文本转换，文本装饰

• font-style:normal-普通 italic=oblique-斜体
• font-weight:normal-普通 bold-加粗
• text-transform:none uppercase lowercase capitalize full-width-等宽字体
• text-decoration:none underline overline line-through

text-decoration=line+style+color
text-decoration：line-through red wavy

文字阴影-text-shadow

• 四个属性

1. 水平偏移
2. 垂直偏移
3. 模糊半径
4. 基础颜色

文本对齐

• text-align

1. left
2. right
3. center
   4.justify

行高

• line-height:1.5 为无单位的值乘以font-size

字母和单词间距

• letter-spacing
• word-spacing

其他

• p{ white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis}

1. text-overflow配合overflow与white-space使用