CSS编程基础与DIV+CSS汇.doc

CSS编程基础（一） CSS简介 CSS是Cascading Style Sheets的英文缩写,即层叠样式表。 作用是控制网页样式并将样式信息与网页内容分离的一种标记性语言。 CSS常常与HTML标记配合使用，通过链接方式对HTML标记进行控制，使网页达到更美观的效果。 特点： CSS文件是一个后缀为CSS的文本文件, 包含各种CSS标记。 CSS是一种标记语言, 不需要编译,可以直接由浏览器解释执行。 CSS可以支持多种设备, 如手机,PDA,打印机等。 使用CSS可以减少网页代码量,增加网页的浏览速度。 CSS文件链接方式 HTML文档链接CSS有三种方式： 外部引用 内部引用 内联引用 一、 CSS外部引用 CSS外部引用使用了外接的CSS文件，浏览器一般都带有缓存功能，所以用户不用每次都下载此CSS文件。 外部引用是W3C推荐使用的，是最好的引入CSS的方式，可以网页使代码量最小,表现最统一 。 外部引用CSS的两种方法： 1.使用link标签引用CSS 语法： link rel=stylesheet type=text/css href=*.css / stylesheet指连接的元素是一个样式表 2.使用@import引用CSS 语法： style type=text/css@import url(*.css);/style 注意：一些老式的浏览器不支持@import方法 二、内部引用CSS 可以使用style标签直接把CSS文件中的内容加载到HTML文档内部，在HTML文档的html和body标记之间插入一个style.../style块对象 style type=text/css body { font-family: 隶书; font-size: 30pt; color: blue; } /style 三、内联引用CSS 内联引用可以把CSS样式直接作用在HTML标签中. p style=font-size: 30px; color: #0000FF; 使用CSS内联引用表现段落. /p 内联引用虽然是一种快捷的方式，但是不利于以后的统一修改和表现的一致性，所以不提倡使用。 总结： 在实际应用中，往往是3种样式表同时运用： 网站的总体风格依靠外部样式表来定义，每个网站的网页都链接一个或几个固定的css文件； 当某个页面需要特别的样式时，则在该页面上采用内部样式表； 当页面的某个标签需要特别的样式时，在该标签上应用内联样式表。 通过这样的方法，做到了共性与个性的统一，在变化与固定之间建立了比较好的平衡。 CSS的基本形式 CSS样式语法由选择符、属性和属性值构成 selector { property: value ; } 选择符 (selector) 通常是HTML标签，也可以是自定义名称。 每个属性(property)都有一个值，属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明。 注意事项： （1）若定义多个声明，必须用分号将每个声明分开，每行写一个。最后一个声明不必加分号，但为了防止出错，增删声明方便也最好加上。 style type=text/css p { text-align: center; color: #0000FF; } /style （2）可以对选择符分组，共享相同的声明。 style type=text/css h1, h2, h3, h4, h5, h6 { color: green; } /style （3）样式表具有继承性 ，其规则可从母体延续到子体。 style type=text/css b { color: blue; } /style b欢迎 i大家/i 光临/b （4）特别说明的样式表优先于一般样式表 style type=text/css body { color: green; } p { color: blue; } /style （5）样式表按照在HTML中的显示顺序执行。 style type=text/css p { color: green; } p { color: blue; } /style （5）如果样式表规则同HTML 标签格式发生冲突，如何处理？ style