文字


文字

文字着重

font-weight

  • bold 加粗
  • normal 正常

文字倾斜

font-style

  • talic 斜体
  • normal 正常

文字大小

font-size

字体

font-family

行高

line-height:文字在一行里所占用的位置

当行高的值与高度一致时,文字会垂直居中

多行文字测量行高的方法

  1. 确认文字大小

  2. 确认两行文字之间的大小

  3. 空隙大小除以2,得出来的值就是每行文字的上下的空隙大小

    1. 当行高为奇数时,那么文字的上方要比下方少一个像素
    2. 当行高为偶数时,上下空隙值一致
  4. 画辅助线测量

div {
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    font-family: "微软雅黑";
    line-height: 16px;
    border: 1px solid red;
}

/*复合样式 要注意书写顺序*/
div {
    font: bold italic 26px/32px "楷体"}

文章作者: dlwin888
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 dlwin888 !
 上一篇
文本 文本
文本文字颜色color 文本对齐方式text-align left 默认值 right center 首行缩进text-indent:2em; em 是根据字体大小来进行计算的 1em=当前字体大小 文本修饰text-decorati
2022-08-31
下一篇 
背景 背景
背景背景和内容的区别内容是会撑开容器宽高 背景不会占用容器宽高 背景颜色background-color 背景颜色 英文关键字 RGB 十六进制 背景图、背景图是否重复background-image 背景图片 ​ url(../img
2022-08-30