最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

15. CSS字体:html字体样式

HTML语言学习 林雍岷 204浏览

html字体样式:别人的网页都是彩色的,除了a标签之外,没见到颜色、字体、精细等样式啊,今天我们介绍字体样式,通过样式来设计字体,例如字体系列,颜色,字体间距和字体大小。

1、h1 捷西网络 让它居中:font-size、text-align、margin-top

2、font-family: 系

1、可以选择不同的字体:
1、黑体……
2、自定义字体;
2、sans-serif浏览器会选择默认字体;

3、letter-spacing:正数或者负数:
1、h1和p做对比,p的font-size小;

4、color

5、text-transform:lowercase,uppercase;
1、英文有效
2、中文没有什么效果;

6、text-shadow:10px 0px 10px red;
offset-x | offset-y | blur-radius | color
1、偏移-X
2、偏移-X
3、模糊半径
4、颜色

*修改body颜色,字体颜色变黑色;
*叠加
*发挥想象力,text-shadow很好玩的;

7、font-variant:small-caps
1、字体变形

8、自定义字体体系:
1、谷歌字体,引用谷歌字体路径;
2、font-family:’自定义字体’

结束:

建议我们多用样式的方法去实现各种设计效果,少用图片或flash;

转载请注明:林雍岷 » 15. CSS字体:html字体样式