文本-北京邮电大学世纪学院.ppt

网页设计技术 任课教师：孙丽娜 北京邮电大学-世纪学院-艺术与传媒学院 第一部分（32学时）HTML+CSS * 第三节 文字与文本 理论：处理文字、文本 实践：文字与文本综合实践 * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 1、字体 （1）color 语法： color : color 示例： div {color: #345456; } div { color: rgb(100,14,200); } div {color: menu; } div {color: red; } * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （2） font-family 语法： font-family : name 取值： name :　字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格，则应使用引号括起。 示例： div.fixedwidth {font-faimly: “微软雅黑 , 宋体, arial;} * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （3） font-size 语法： font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （3） font-size 取值： xx-small :　绝对字体尺寸。根据对象字体进行调整。最小 x-small :　绝对字体尺寸。根据对象字体进行调整。较小 small :　绝对字体尺寸。根据对象字体进行调整。小 medium :　默认值。绝对字体尺寸。根据对象字体进行调整。正常 large :　绝对字体尺寸。根据对象字体进行调整。大 x-large :　绝对字体尺寸。根据对象字体进行调整。较大 xx-large :　绝对字体尺寸。根据对象字体进行调整。最大 larger :　相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的 em 单位计算 smaller :　相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的 em 单位计算 length :　百分数 | 由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅 长度单位 * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （3） font-size 示例： p { font-style: normal; } p { font-size: 12px; } p { font-size: 20%; } * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （4） font-style 语法： font-style : normal | italic | oblique 取值： normal :　默认值。正常的字体 italic :　斜体。对于没有斜体变量的特殊字体，将应用 oblique oblique :　倾斜的字体 示例： p { font-style: normal; } p { font-style: italic; } p { font-style: oblique; } * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （5） font-weight 语法： font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 * 第三节 文字、文本、列表和表格 ＞　一、处理文字、文本和列表　＞＞　二、使用表格显示信息 （5） font-weight 取值： normal :　默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置 bold :　粗体。相当于 700 。也相当于 b 对象的作用 bolder :　比 normal 粗 lighter :　比 normal 细100 :　字体至少像 200 那样细 200 :　字体至少像 100 那样粗，像 300 那样细 300 :　字体至少像 200 那样粗，像 400 那样细 400 :　相当于 normal 500 :　字体至少像 400 那样粗，像 600 那样细 600 :　字体至少像 500 那样