网页设计_CSS的基础知识.ppt

第 10 章 CSS的基础知识 以下是一个例子 h1 style=“text-align:center;color:blue” P style=“color: red; font-family: ‘New Century Schoolbook’, serif” ?这段的样式是红色的New Century Schoolbook字体。/P 缺点：因为和需要展示的内容混合在一起，没有实现两者的分离。 缺点：在标签中，用设置style属性的方法，一次只能控制一个标签的样式 REL属性：用于定义连接的文件和HTML文档之间的关系。REL=StyleSheet指定一个固定或首选的样式，而REL=“Alternate StyleSheet”定义一个交互样式。固定样式在样式表激活时总被应用。 TITLE属性：给样式指定一个标题，可将多个样式指定同一个标题，从而组合成一个首选样式 REL=StyleSheet和一个TITLE属性的组合指定一个首选的样式 每个网页不能指定多于一个的首选样式。 样式的优先级 样式的优先级遵循“就近优先”的原则，也就是说，距离所修饰对象越近的样式，其优先级越高。 样式如果冲突，则采用高优先级样式；如果不冲突，则采用叠加的样式效果。 html head titleDIV的简单使用 /title style type=text/css div{ font-size:24px; font-weight:bold; font-family:隶书; color:#00F; background-color:#CFF; text-align:center; width:400; height:100; border-style:double; } /style /head body divCSS功能很强大，br/这就是DIV的一个方块。/div /body/html html head titleDIV的简单使用 /title style type=text/css div{ font-size:24px; font-weight:bold; font-family:隶书; color:#00F; background-color:#CFF; text-align:center; width:400; height:100; border-style:double; } #red{color:red} /style body divCSS功能很强大，br/这就是 span id=redDIV的一个方块/span。/div /body/html 本章结束 LINK标签: LINK REL=StyleSheet HREF=“aaa.css” TYPE=“text/css” TITLE=“8-bit Color Style” MEDIA=“screen, print” TYPE属性用于指定类型为text/css MEDIA属性可选，用于指定样式表被接受的介质或媒体。允许的值有 screen (缺省值)，提交到计算机屏幕； print， 输出到打印机； projection，提交到投影机； aural，扬声器； braille，提交到凸字触觉感知设备； tty，电传打字机 (使用固定的字体)； tv，电视机； all，所有输出设备。 多样的媒体通过用逗号隔开的列表或值all指定。 一个样式表可以使用CSS的@import 指令输入到网页中。这个指令用于一个CSS文件或HTML的STYLE元素内部。其语法如下： style type=text/css !— @import url(外部样式表的文件名称); --　 /style 说明： ⑴ import语句后的“；”号是必须的。 ⑵ 要输入的样式表文件的扩展名为.css。 10.3.4 引入一个样式表 样式的优先级示例 HTML HEAD LINK rel=stylesheet type=text/css href=test.css STYLE P {color: red} /STYLE /HEAD BODY P正文内容/P /BODY /HTML 其中，test.css 的内容如下： P {color: blue} 样式的优先级示例 HTML HEAD STYLE P {color: red} /STYLE LINK rel=stylesheet type=text/css href=test.css /HEAD BODY P正文内容/P /BODY /HTML 其中，test.css 的内容