用CSS设置丰富的文字效果是div+css课本的第三章知识点,这一章主要讲的内容是:CSS文字样式;文字实例一:模拟Google公司Logo;CSS段落文字;段落实例:百度搜索。
css基本语法有如下:
1,css文字样式
1)字体
font-family
2)文字大小
font-size
3)文字颜色
color
4 ) 文字粗细
font-weight
5) 斜体
font-style
6) 文字的下划线、顶划线和删除线
text-decoration
7) 英文字母大小写
text-transform
这一节的经验之谈:
很多设计者喜欢使用各种各样的字体来给页面添彩,但这些字体 在大多数用户的机器上都没有安装,因此一定要设置多个备选字体,避免浏览器直接替换成默认的字体。最直接的方式是将使用了生僻字体的部分,用图形软件制作成小的图片,再加载到页面中。
2,css段落文字
1)段落的水平对齐方式
text-align
2)段落的垂直对齐方式
text-vertical
3)行间距和字间距
line-height line-spacing
最后面给同学们布置的作业有:
1,照抄课本第60页实例;