02.CSS3文字与字体相关

1.给文字添加阴影

text-shadow:length(横向模糊距离) length(纵向模糊距离) length(模糊程度) color(阴影颜色)

div{
  text-shadow:5px 5px 5px red 
}
//指定多个阴影,位置不能重复
div{
  text-shadow:5px 5px 5px red,-5px -5px -5px blue;
}

2.使用服务器端字体

  • 换行
    word-break:normal,keep-all(能在半角空格或连字符换行),break-all(允许在单词间换行)
  • 使用服务器端字体@font-face
02.CSS3文字与字体相关_第1张图片
使用服务器端字体
  • 如果客户端有服务器端的字体,不加载。


    02.CSS3文字与字体相关_第2张图片

3.修改文字种类而保持字体尺寸不变

02.CSS3文字与字体相关_第3张图片

你可能感兴趣的:(02.CSS3文字与字体相关)