font文字不常用的CSS属性

字体大小单位rem em

  • rem:相对长度单位。相对于根元素(即html元素)计算值的倍数
  • em:相对长度单位。相对于当前对象内文本的字体尺寸。



我是第一段文字,I am a paragragh

我是第二段文字,I am a paragragh

  • 实现自适应

字母间距(汉字算一个字母)letter-spacing



我是一段文字,I am a paragragh

单词间距(汉字无效)word-spacing



我是一段文字,I am a paragragh

字母间距(汉字算一个字母)letter-spacing



我是一段文字,I am a paragragh

文字不换行,只占一行white-space:no-wrap;



我是一段文字,I am a paragragh

强行斜体font-style:oblique;

  • 如果字体没有设计斜体无法用italic,设置oblique会将字体强行拉歪。


我是一段文字,I am a paragragh

字母小型大写font-variant:small-caps;

  • 将小写字母转为大写,但是站的位置还是小型字母的位置,所以称为小型大写字母


I am a ParaGragh

文字不换行white-space:nowrap



I am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGragh

文字换行word-wrap:break-word&word-break:break-all

  • 相同点:文字长度超过div的宽度就会自动换行
  • 区别:word-wrap:break-word属性会把单词看作一个整体,当同行最后一个单词宽度不能放下时自动换行,缺点是当出现一个超长单词比div宽度要宽时,还是会超出显示。
    而word-break:break-all则不管你是否是一个单词,达到div的宽度时就会换行处理。

I am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGragh

I am a ParaGraghParaGraghParaGraghParaGraghParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGraghI am a ParaGragh


你可能感兴趣的:(font文字不常用的CSS属性)