网页设计与制作教程教学课件作者汪兴来6.pptVIP

项目活动六　CSS样式的应用 任务一　CSS基础知识 任务二　CSS的具体应用 返回 任务一　ＣＳＳ 的基础知识　 一、ＣＳＳ 所加位置 编辑ＣＳＳ 时， 使用记事本或Ｄｒｅａｍｗｅａｖｅｒ 打开网页代码。 找到 ｈｅａｄ 和 / ｈｅａｄ ， 在 ｈｅａｄ 和 / ｈｅａｄ 之间加入语句 ｓｔｙｌｅ / ｓｔｙｌｅ ， 然后所有的样式表都定义在 ｓｔｙｌｅ 和 / ｓｔｙｌｅ 之间。 下面我们来看具体的应用。 (１) ｓｔｙｌｅ ｔｄ {ｆｏｎｔ － ｓｉｚｅ: ９ｐｔ, ｌｉｎｅ － ｈｅｉｇｈｔ: １５０％} / ｓｔｙｌｅ 这句表示网页的字 体大小为９ 磅， 文字行距１５０％， ｔｄ 是单元格元素， 这句代码是对单元格内的字体起控制作用。 这里的 ｓｔｙｌｅ 后面的ｔｄ 是选择符， 网页内所有的ｔｄ 元素都会起作用。 这些选择符可以是所有的ｈｔｍｌ 标记， 下一页 返回 任务一　ＣＳＳ 的基础知识　 (２) ｓｔｙｌｅ ａ {ｃｏｌｏｒ: ｆｆ００００} ｉｎｐｕｔ {ｆｏｎｔ － ｓｉｚｅ: ９ｐｔ} / ｓｔｙｌｅ 表示超链接都为红 色， 单行文本框的字体大小是９ 磅。 二、ＣＳＳ 的作用 ＣＳＳ 的作用是可以大量减少网页代码， 从而为网页减肥。 原理是在网页中自定义样式表的选择符， 然后在网页中大量引用这些选择符。 目前大部分网站