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使用
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页