css样式1.pptVIP

css 杨光 CSS即Cascading Style Sheet(级联样式单)的缩写，我们又常称这为层叠样式单、风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。 学CSS可以分成以下几个阶段： 阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。 阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术 阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS， 阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。良好的语义有这方面的文章,合理的CSS。 例如我们要设置一 HTML 页面中所有 H1 标题字显示为蓝色，其代码如下：  HTML  HEAD  TITLEThis is a CSS samples /TITLE  STYLE TYPE=text/css  !-- H1 { color: blue } --  /STYLE  /HEAD  BODY ... 页面内容…  /BODY  /HTML 注意，样式表信息包括在 style 和 /style 标记中，为了使样式表在整个页面中产生作用，应把该组标记及其内容放到 HEAD 和 /HEAD 中去。 STYLE 标记中包括了 TYPE ＝ text/css ，这是让浏览器知道你是直接引用样式表 CSS1 样式规则。加入 !-- 和 -- 这一对注释标记是防止有些老式的浏览器不认识样式表规则，可以把该段代码忽略不计。 在使用样式表过程中，经常会有几个标志用到同一个属性，比如我们规定 HTML 页面中凡是粗体字、斜体字、1 号标题字显示为红色，按照上面介绍的方法应书写为： B { color: red} I { color: red} H1 { color: red} 显然这样书写十分麻烦，引进分组的概念会使其变得简洁明了，我们可以写成： B,I,H1 {color: red} 用逗号分隔各个 HTML 标志，把三行代码合并成一行。 样式表基本语法： HTML 标志 { 标志属性：属性值；标志属性：属性值；标志属性：属性值；…… } HTML标志：有点需要注意的是，这些标志不带尖括号，如P,Div、Table等而不是P、Div以及Table。 标志属性：属性值，这是一一对应的，每个属性与属性值之间用分号隔开。 有一点要说明的是，在CSS的属性设置与脚本语言中对属性设置有一点不同，即属性名称的写法，在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以-隔开，比如，背景颜色属性background-color, 而在脚本中，对象属性则连写成backgroundColor，第二个单词首字母大写，如有三个单词则第三个单词首字母也要大写，注意，在Javascript中，是严格区分大小写的。 下面看一个具体的例子，比如我们对一个段落建立一个样式表：P{background-color:#0000ff;font-size:12pt;color:#ffff00} 有一点值得注意的是，有些属性可以表示多个属性的值，如字体设置，有字体字样：font-family、字体大小：font-size、字体风格:font-style，这些可用一个font属性来表示,　　如:H2{font-size:15pt；　　　 　 font-family:宋体；　　　　　font-style:italic }可直接用 H2{font:15pt 宋体 italic}来表示， Css引用 层叠样式单写好后，放在什么地方呢？大体说来有三种方式，一种是外部文件方式；一种是内部文档头方式；另一种是直接插入式。三种方式各有妙用，主要的差别在于它们规定的风格使用的范围不同。我们分别讲述： 一、外部文件方式 外部文件方式即将CSS写成一个文件的方式，在HTML文档头通过文件引用来进行风格控制。CSS文件可在DreamWeaver的Window菜单下的styles选项；当然了，如果你熟悉CSS属性，可直接在记事本里写，最后的文件扩展名为CSS。 应用CSS文件的一个最大好处就是，你可以在每个HTML文件中引用这个文件，从而可使整个站点的HMTL文件在风格上保持一致，避免重复的CSS属性设置；另外，当你遇上改版或作某些重大调整要对风格进行修改时，可直接修改这个CSS文件 　　 CSS文件的引用是在HTML的head/head标志之间写下列语句： 　　Lin