第8章 CSS基本样式修饰(一).pdf

Web开发一 第八章 CSS基本样式修饰 （一） 本 掌握字体相关的常用样式 讲 目 掌握文本相关的常用样式 标 理解伪类及用法 字体常用样式 本 节 文本常用样式 内 容 为超链接的四种状态设置样式 伪类 引言 可以为下述文本设置哪些样式？ ……表达了企业人士和学院教师不同的态度与认 知，并互相吸取了经验以完善和更新自身的知识 结构，提升自我，并促进教学能力水平的不断提 高。 字体 删除线 倾斜 缩进 字体 上划线 大小 对齐 加粗 字体 …… 下划线 行高 颜色 字体常用样式 关于字体的常用属性 字体系列 ：font-family 字体大小 ：font-size 字体风格 ：font-style 字体加粗 ：font-weight 字体系列：font-family 设置一种字体： font-family: ‘宋体’; 设置多种字体 font-family: ‘宋体’, ‘仿宋’, ‘Times New Roman 若用户系统里有宋体，用宋体，无宋体则用仿宋…… 实战技巧 font-family:Times New Roman, Serif demo7_1.html 字体大小 ：font-size 设置字体大小为绝对值： font-size: 20px; 不允许用户在浏览器中改变文本大小 设置字体大小为相对值 font-size: 2em （或font-size:200% ）； 相对于周围的元素来设置大小.允许用户在浏览器中改变文本大小 实战技巧 若未规定字体大小，普通文本的默认大小是 16 像素 (16px=1em)。 demo7_2.html 字体风格：font-style 设置字体斜体显示： font-style: italic 此属性的属性值有：normal、italic、oblique demo7_3.html 字体加粗 ：font-weight 设置字体加粗（固定值）： font-weight: 900; 属性值取值范围为100~900 使用关键字加粗字体 font-weight:bolder 属性值：lighter、normal、bold、bolder 提示：400 等同于 normal ，而700 等同于 bold demo7_4.html 字体综合设置font 在一个声明中设置所有属性 font ：italic bold