《网页设计与制作》第8章.pdfVIP

《网页设计与制作》

主讲人：XXX

邮箱：XXXXXXXXXXX

电话：XXXXXXXXXXXX

每讲一语

Don’tbeafraidtotakerisks.Onlybytaking

riskscanwelearnhowtobebrave

不要害怕遭遇风险，只有通过冒险,

我们才能学会如何变的勇敢

引导

书本内容

解读

第8章CSS美化属性

一、CSS美化文本

二、CSS美化图片与背景

（重点）

学习目标

三、CSS美化超链接与列表

四、CSS美化表格与表单

8.1CSS美化文本

8.1.1CSS美化文字8.1.2CSS美化段落

（重点）

8.1.1CSS美化文字

CSS美化文字属性

属性描述

font控制字体的综合属性

font-size控制字体的大小属性

（重点）

font-family控制字体的字体属性

font-style控制字体的样式属性

font-weight控制字体的粗细属性

font-variant控制字体的字母大小写变体属性

color控制字体的颜色属性

（1）综合属性：font

font属性用于对于文字样式进行综合设置，其基本语法格式如下所示。

选择器{font:font-stylefont-variantfont-weightfont-sizefont-family;}

（2）大小属性：font-size（重点）

font-size属性用于设置字号，可以通过像素值、百分比和倍数来定义

字体的大小，也可以理解为通过长度（length）和其单位进行定义字

体的大小，比如p{font-size:12px;}，12为长度，px为单位，表示像素，

即就是表示段落里的字体大小为12像素。

（3）字体属性：font-family

font-family属性用于设置字体，网页中常用的字体有宋体、仿宋、黑体等，

基本都是中文，很少用属性里提示的英文。如果设置了，则要注意英文在

前面。

（4）样式属性：font-style

（重点）

font-style属性用于设置字体风属性值