font-style(字体样式风格)

  1. 属性值:
  2. normal:设置字体样式为正体。默认值。
  3. italic:设置字体样式为斜体。这是选择字体库中的斜体字。
  4. oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。

font-weight(字体粗细)

  1. 属性值:
  2. normal:设置字体为正常字体。相当于数字值400
  3. bold:设置字体为粗体。相当于数字值700
  4. bolder:设置字体为比父级元素字体更粗的字体。
  5. lighter:设置字体为比父级元素字体更细的字体。
  6. number:用数字表示字体粗细。从小到大,越来约粗,取值范围:100200300400500600700800900
  7. 注意:
  8. font-weight的常用值有两个normalbold,其他的值在浏览器中的支持并不好。

font-size(字体大小)

  1. font-size的值有很多,有xx-smallx-smallsmallmediumlargex-largexx-largesmallerlarger,也可以设置值为具体的数值加上对应的计算单位来表示字体的大小。字体单位有像素( px )、字符( em,默认1em等于16px2em等于32px,根据不同浏览器的默认字体大小而决定 )、百分比( % ),磅[点]( pt )。
  2. 字体不指定大小时,主流浏览器默认是15像素到16像素。旧版本的谷歌浏览器,字体最小只能设置成12像素,新版已经修复。

font-family(字体族)

  1. font-family可以指定元素使用的字体系列或字体族。当我们使用font-family指定字体族的时候,可以指定多种字体,作为候补。指定多个字体的时候,需要使用逗号隔开。
  2. 如果css中没有声明当前内容使用的字体族的时候,默认:
  3. 中文: 宋体 [ win7以后默认是 微软雅黑 ]
  4. 英文: Arial

color(字体颜色)

可以使用color来表示字体的颜色,颜色值最常用的有三种形式,英文单词,十六进制,RGB十进制。更高级的有 RGBA、HSL、HSLA,不过低版本的浏览器并不支持。

  1. <style>
  2. .c1{
  3. color: red;
  4. }
  5. .c1{
  6. color: #369;
  7. }
  8. .c1{
  9. color: RGB(0,0,255);
  10. }
  11. </style>

text-align(文本对齐方式)

  1. text-align属性可以设置文本内容的水平对齐方式。属性值常用的有
  2. 左对齐left、居中对齐center、右对齐rightjustify 实现两端对齐文本效果。

line-height(字体行高)

  1. 字体行高即字体最底端与字体内部顶端之间的距离。值可以是normalpxnumber、%。

行高 = 字体大小 + 上半行距 + 下半行距
QQ截图20210224150648.png

vertical-align

vertical-align 属性设置元素的垂直对齐方式。

text-decoration

使用text-decoration可以设置文本内容的装饰线条,正常的文本是没有线条的,常用的值有none,underline,overline,line-through四种。