15. CSS字体:html字体样式

html字体样式

Last Updated on

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;

Last modified: 2019年8月14日

前一篇

HTML语言学习

14. 用H1标签包含网站logo图片和文字

H1标签优化网站logo图片和文字:一个页面只能使用一个H1标签,所以放在哪,怎么放成为不少人头疼的事,特别是网站首页的H1标签优化设置。

...

后一篇

HTML语言学习

16. CSS定位:相对定位和绝对定位

绝对定位和相对定位让很多HTML和CSS初学者混淆,详细介绍绝对定位和相对定位之间的差异。绝对定位:absolute, 使元素绝对定位。相对定位:如果对一个元素进行相对定位,它将出现在它所在的位置上。

...