《WEB前端设计》CSS样式之文本属性

text-shadow语法说明表
3
教学小结
Teaching Summary
本讲主要介绍了如何控制文本的样式。
利用CSS样式控制文本字体
代码：
效果：
字体样式语法说明表
利用CSS样式控制文本样式
下划线，顶划线，删除线
在文本编辑中有的文字需要突出重点，这里往往就会添加下划线，此外，还会有顶划线和删除 线的效果。
如何添加？
可以通过以下语法实现： {text-decoration:underline|overline|line-through}
定义文本颜色
2、利用CSS样式控制文本颜色
任何HTML标签都可以做为CSS的选择器，所以，可以把定义文字颜色的代码写到修饰文字的CSS 选择器里，例如下代码： <font style="color:#F00" >我们在学习</font>
两种方法均可达到字体颜色发生改变效果 02
设置文本字体
1、通过CSS设置字体
为了定义文本的样式，首先要用HTML标签（tag）把文字包含起来，代码如下： <font>我们在学习</font>
如何改变字体样式？
可以通过以下语法定义字体的样式： {font:font-style font-variant font-weight font-size font-family line-height}
定义文本颜色
1、通过CSS设置字体
为了定义文本的颜色，首先要用HTML标签（tag）把文字包含起来，代码如下： <font>我们在学习</font>
如何把文字定义成红色？
可把定义文本颜色相应的代码写入代码中： <font color=“red”>我们在学习</font>
颜色可以用相应的英文名称或以“#”开始的一个十六进制代码来表示
利用CSS样式设置文本下划线，顶划线，删除线
代码：
Байду номын сангаас
效果：
text-decoration语法说明表
CSS3新增文本属性
设置文本阴影效果
新增text-shadow属性的作用是为页面上的文本添加阴影效果
如何设置文本阴影？
可以通过以下语法定义文本的阴影： {text-shadow:h-shadow v-shadow blur color}
CSS样式之文本属性
教学目标
Teaching Goal
1
• 掌握利用CSS控制文本样式
2
教学内容
Teaching Content
CSS样式之设置文本属性
为什么要设置文本样式？
文字是网页设计里不可缺少的元素，但如果把大段文字不加任何修饰就堆积到网页上，那么会 让人产生枯燥的感觉，换句话说，如果我们通过CSS样式代码把网页上的文字装饰得美轮美奂， 就能很好地留住访问者。