第6章用CSS设置文本和图像精选.ppt

顾忠伟 zwgu@ G 6.1 设置文字的样式 6.2 设置段落的样式 6.3 设置图片样式 6.4 设置背景 6.5 图文混排 6.6 用CSS设置文本和图像综合案例 第6章 用CSS设置文本和图像 6.1.1 设置文字的字体 在HTML中，设置文字的字体需要通过font标记的face属性。而在CSS中，则使用font-family属性。 语法：font-family : 字体名称 【演练6-1】字体设置，本例页面6-1.html的显示效果如图6-1所示。 6.1 设置文字的样式 6.1.2 设置字体的大小 在设计页面时，通常使用不同大小的字体来突出要表现的主题，在CSS样式中使用font-size属性设置字体的大小。 语法：font-size : 绝对尺寸 | 相对尺寸 | 百分数 【演练6-2】字体大小设置，本例页面6-2.html的显示效果如图6-2所示。 6.1 设置文字的样式 6.1.3 设置字体的粗细 CSS样式中使用font-weight属性设置字体的粗细。 语法：font-weight : bold | number | normal 【演练6-3】字体粗细设置，本例页面6-3.html的显示效果如图6-3所示。 6.1 设置文字的样式 6.1.4 设置字体的倾斜 CSS中的font-style属