第九讲 DW中的CSS样式.pptVIP

第九讲 DW中的CSS样式 （1）Alpha滤镜 （2）Blur滤镜 （3）Chroma滤镜 （4）DropShadow滤镜 （5）FlipH和FlipV滤镜 （7）Glow滤镜 （8）Invert滤镜 （10）Mask滤镜 （12）Wave滤镜 （13）Xray滤镜 注意：有些低版本的浏览器不能识别style标记，这意味着低版本的浏览器会忽略style标记里的内容，并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生，我们用加HTML注释的方式（!-- 注释 --）隐藏内容而不让它显示：head……style type=text/css!--hr {color: sienna}p {margin-left: 20px}body {background-image: url(images/back40.gif)}--/style……/head 《网页开发工具》第九讲 CSS样式 3、导入外部样式表导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import，看下面这个实例：head……style type=”text/css”!--@import “mystyle.css”其他样式表的声明--/style……/head 例中@import “mystyle.css”表示导入mystyle.css样式表，注意使用时外部样式表的路径。方法和链入样式表的方法很相似，但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。注意：导入外部样式表必须在样式表的开始部分，在其他内部样式表上面。 《网页开发工具》第九讲 CSS样式 4、内嵌样式内嵌样式是混合在HTML标记里使用的，用这种方法，可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。而style参数的内容就是CSS的属性和值，如下例：p style=color: sienna; margin-left: 20px这是一个段落/p（这个段落颜色为土黄，左边距为20象素）在style参数后面的引号里的内容相当于在样式表大括号里的内容。注意：style参数可以应用于任意BODY内的元素（包括BODY本事），除了BASEFONT、PARAM和SCRIPT。 《网页开发工具》第九讲 CSS样式 5、多重样式表的叠加 如果在同一个选择器上使用几个不同的样式表时，这个属性值将会叠加几个样式表，遇到冲突的地方会以最后定义的为准。例如，我们首先链入一个外部样式表，其中定义了h3选择符的color 、text-alig和font-size属性：h3 {color: red;text-align: left;font-size: 8pt}（标题3的文字颜色为红色；向左对齐；文字尺寸为8号字） 《网页开发工具》第九讲 CSS样式 在内部样式表里也定义了h3选择符的text-align和font-size属性：h3 {text-align: right; font-size: 20pt}（标题3文字向右对齐；尺寸为20号字）那么这个页面叠加后的样式就是：color: red; text-align: right; font-size: 20pt（文字颜色为红色；向右对齐；尺寸为20号字）字体颜色从外部样式表里保留下来，而对齐方式和字体尺寸都有定义时，按照后定义的优先而依照内部样式表。注意：依照后定义的优先，所以优先级最高的是内嵌样式，内部样式表高于导入外部样式表，链入的外部样式表和内部样式表之间是最后定义的优先级高。 《网页开发工具》第九讲 CSS样式 小结：CSS样式是由一个个的属性及它们的属性值组成的，要控制CSS样式表，必须先掌握其各个属性的功能和使用方法。 1、类型属性：字体（font-family)、大小、粗细、样式、变形、行高、大小写、修饰、颜色； 2、背景：背景颜色（background-color)、背景图象（ background-image)、重复、附加； 3、区块：单词间距（word-spacing)、字母间距（letter-spacing)、垂直对齐、文本对齐、文字缩进、空白间距； 4、盒子：方框类属性和边框类属性都针对盒子，CSS将网页中所有元素都看作包含在一个盒子中，盒子分为4部分（间隔——边框——留白——盒子内容），有宽、高、边距颜色等属性； 5、定位：position(absolute\relative\static)、Z轴、显示、溢出等； 6、扩展：分页中的之前和之后属性为打印的页面设置分页符号，视觉效果为网页中的元素施加特殊效果（光标cursor指定在某