1、文本阴影——text-shadow
text-shadow:水平偏移 垂直偏移 阴影大小 颜色;
h1{
color: white;
text-shadow: 2px 2px 4px #000;//设置浮雕样式
}
p{
text-shadow: 0 0 5px yellow;//设置描边效果
}
2、word-wrap属性
允许长单词,URL强制换行,其取值为normal(默认)和break-word(换行)
3、@font-face规则
利用@font-face规则,定义web字体,并引用需要字体的四种文档格式,确保能在主流浏览器中都能正常显示该字体
字体文件后缀 | 适用于浏览器 |
.TTF或.OTF | Firefox、Safari、Opera |
.EOT | Internet Explorer 4.0+ |
.SVG | Chrome、IPhone |
.WOFF | Chrome、Firefox |
@font-face{
font-family: HuatiFont;//定义字体名称
src: url('fonts/huati.ttf'),//定义字体来源
url('fonts/huati.eot'),
url('fonts/huati.woff'),
url('fonts/huati.svg');
}
h1{
font-family: HuatiFont; //引用字体
}