您的位置：首页 > Web前端 > CSS

CSS字体设置概览

2015-12-29 16:00 393 查看

CSS提供了很多属性改变字体外观

包括

font-family:serif/sans-serif/monospace/cursive/fantasy;
（前两种最常用）

若要使用用户可能没安装的字体，可利用@font-family

font-family:
@ font-face {:"Emblema One"; /*font-family名字随便，但最好与字体名一致*/
src:url("F:\chapter8\journal\EmblemaOne-Regular.ttf") /*浏览器会加载每个src文件直到找到能支持的*/
  url("F:\chapter8\journal\EmblemaOne-Regular.woff");
}

  （访问者看到的字体取决于他们自己计算机安装的字体.记得在<body><h>等中引用时添加候选字体，比如通用的serif/sans-serif）.


font-weight:   bald/normal/100-900;（100的倍数）该特性未得到字体，浏览器广泛支持，通常不用

font-size: 10px/150%/1.2em/xx-small,x-small,small,medium,large,x-large,xx-large;

      （使用相对字体%或em页面更容易维护）.

font -style:       italic/oblique;

字体颜色,背景颜色

body{

color:

background-color:silver/Aqua/Navy;
  （css有16种基本颜色和150种扩展颜色可以利用该法指定）

background-color:rgb(80%,40%,0%);   （3个100%得到白色，三个0%得到黑色）

background-color:rgb(204,102,0);   (0-255间的一个数值)

}

文本装饰线
text-decoration:line-through/underline/overline; （当要使用删除线，下划线时，可以使用html的<del>和<ins>）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航