第六讲辅助性工具css高级特性.pdf

本讲内容 ⚫本讲内容 一、CSS的高级特性 二、CSS中长度单位的定义 三、CSS中颜色的定义 四、CSS中和字体格式有关的属性 五、CSS中和文本段落格式有关的属性 ⚫重点 ✓CSS中和字体格式有关的属性 ⚫难点 2021/8/31 ✓CSS中颜色的定义 一、使用辅助工具新建 CSS规则 ⚫在Dreamweaver中，使用辅助工具设置CSS样式的 方法： √打开CSS面板，单击面板标题栏右端的图标，选择 “新建”命令 √单击CSS面板底端的 “新建CSS规则”按钮 演示例子 2021/8/31 二、CSS的高级特性 ⚫复合选择器：两个或多个基本选择器，通过不同 的 方式连接而成的 选择器。 交集选择器 并集选择器 后代选择器 2021/8/31 二、复合选择器 ⚫ “交集”选择器：由两个选择器直接连接构成， 结 果选两者 范围的交集。 ◆ 规则：第1个必须是标记选择器，第2个必须 是类选择器 或者是ID选择器。两个选择器之间不能 有空格，必 h1 h1.calss .class 须连续书写。 例子:(6-1) 2021/8/31 二、复合选择器 ⚫ “并集”选择器：某些选择器的风格是完全相同 的，或是部分相同，就可以利用并集选择器同时 两者之间用逗号表示 ⚫例子6-2 h1 .class 2021/8/31 二、复合选择器 ⚫后代选择器：如果出现嵌套情况，则把外层的标 记写 面，内层的标记写在后面，之间用空格 分隔 当标记发生嵌套时，内层的标记就成为外层 标记的后代。 ⚫例子6-3 2021/8/31 三、CSS中长度单位的 定义 ⚫px和em ✓px,像素 ➢根据显示器分辨率的不同，像素的大小也是不同的 ✓em,以当前字符的高度为基准 ➢如果当前字体的高度为12px，那么1em就是12px ➢注意：一般以font-size为准，如果没有定义font-size， 则以浏览器默认大小为准 ⚫cm/mm/pt/pc ✓主要用在非显示器输出上，如打印 ✓如果网