网页编程技术第三章css.pptVIP

通过本章学习，应该掌握以下内容： 什么是CSS CSS样式和常用的selector 在网页中使用CSS的方法 CSS的各种属性;第3章 在网页中使用CSS样式;3.1 CSS简介 ;3.1.1 CSS的特点;3.1.2 在网页中使用CSS的方式;3.2 CSS样式 ; CSS的定义由三部分构成：选择符selector、属性property和属性值value。其基本格式如下： selector{propertyl：valuel；property2：value 2；……} selector（选择符）表示需要应用样式的标签( 可以是HTML的标签,也可以是自己定义的标签) property表示由CSS标准定义的样式属性，value表示样式属性的值。 ; 3.2.2 几种常用的selector ; 使用CSS的标记符设置CSS样式的方法,可以对HTML的同一类型的标记元素设置统一的样式;使用class类选择符和ID选择符则可以对同一类型的的标记元素设置不同的样式,以及为不同类型的标记元素设置相同的样式。 class类选择符格式如下： selector.classname {property：value；……} 可以使用任何名称命名类，但通常使用具体含义的名称。 ;html head meta http-equiv=Content-Type content=text/html; carset=gb2312 title类选择符/title style .myh1{ font-family:宋体; font-size:50pt; color:blue; } /style /head body div class=myh1通过类定义的格式 myh1/div p 没有通过类定义的格式 myh1/p p class=myh1这个p标签使用了类定义的格式 myh1/p /body /html 运行效果见：类选择符的使用 ; ;单独的选择器 #sidebar { border: 1px dotted #000; padding: 10px; } 根据这条规则，id 为 sidebar 的元素将拥有一个像素 宽为1px的黑色点状边框，同时其周围会有 10 个像素宽的 内边距（padding，内部空白）。老版本的 Windows/IE 浏 览器可能会忽略这条规则，除非你特别地定义这个选择器 所属的元素： div#sidebar { border: 1px dotted #000; padding: 10px; } 举例 ：ID选择符用法1.html;一个选择器，多种用法 即使被标注为 sidebar 的元素只能在文档中出现一次，这个 id 选择器作为派生选择器也可以被使用很多次： 　#sidebar p { 　　　　　　　font-style: italic; 　　??　　　　text-align: right; 　　　　　　　margin-top: 0.5em; 　　　　　　} 　#sidebar h2 { 　　　　　　　font-size: 1em; 　　　　　　　 font-weight: normal; 　　　　　　　font-style: italic; 　　　　　　　margin: 0; 　　　　　　　line-height: 1.5; 　　　　　　　text-align: right; 　　　　　　　} 举例 ：ID选择符用法2.html ; 可以单独对某种存在包含关系的元素定义样式表，例如元素1里包含元素2，可以只对在元素1里的元素2定义，对单独的元素1或元素2无定义，例如： 　　　　TABLE A{font-size：10px} 使用上规则后，在表格内的链接改变了样式，文字大小为10像素，而表格外的链接的文字仍为默认大小。 ;下面是使用包含选择器进行的样式定义: strong { color: red; } h2 { color: red; } h2 strong { color: blue; } 下面是它施加影响的 HTML： p The strongly emphasized word in this paragraph isstrongred/strong. /p h2 This subhead is also red./h2 h2 The strongly emphasized word in this subhead isstrongblue/strong. /h2 ;怎么样将CSS应用到HTML文档中呢?;3.3 在网页中使用C