CSS使用手册.docVIP

CSS使用手册 CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 网页存在的三种CSS方式: 链入外部样式表 　　链入外部样式表 (Linking to a Style Sheet) 　　你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下： 　　head 　　titletitle of article/title 　　link rel=stylesheet href=/rainer.css type=text/css 　　/head 而在XML中，你应该如下例所示在声明区中加入： ?-stylesheet type=text/css href=/rainer.css ? 定义内部样式块对象 　　定义内部样式块对象 (Embedding a Style Block) 　　你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 　　示例如下： 　　html 　　style type=text/css 　　!-- 　　body {font: 10pt Arial} 　　h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon} 　　h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue} 　　p {font: 10pt/12pt Arial; color: black} 　　-- 　　/style 　　body 请注意，这里将style对象的type属性设置为text/css，是允许不支持这类型的浏览器忽略样式表 内联定义 　　内联定义 (Inline Styles) 　　内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。 　　示例如下： 　　这一行被增加了左右的外补丁 　　样式表语法 (CSS Syntax) 　　Selector{property: value} 　　参数说明： 　　Selector -- 选择符 　　property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。定义之间用分号(;)隔开 　　继承的值 (The Inherit Value) 　　每个属性都有一个指定的值：Inherit。它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。 上面这些可能对于初学者来说还不太好理解，但主要是明白CSS就相当于网页的衣服一样，学会用了就好办。WEB标准提倡样式（即CSS）与结构（HTML，XML等）分离，所以学会CSS的应用就显得更加重要了。 7、如何给一部分文字加背景色？ 　　给文字加上不同颜色，在DW3中只要在属性面板上选取文字的颜色就行了，非常方便，但要给部分文字加不同的背景色却没有相应的功能，我们可以先做一个定义背景色的CSS（如：bgstyle），在DW3中点几下鼠就完成了。如一个定义淡黄色 　　背景的CSS是这样的： 　　style type=text/css 　　!-- 　　.bgstyle { background: #FFFFCC} 　　-- 　　/style 　　在要用时选取那段文字，再在CSS面板上点一下“bgstyle”就行了。 　　8、如何给部分文字加背景图像？ 　　与加背景色操作类似，中是在背景在选择加载图像就是了，一个定义好的加背景图像的CSS例子的代码是这样的： 　　style type=text/css 　　!-- 　　.imgbgstyle { background-image: url(/logo.gif)} 　　-- 　　/style 　　在要用时选取那段文字，再在CSS面板上点一下“imgbgstyle”就行了。 　　9、如何使页面的背景在文字“滚动”时背景图案静止不动？ 　　要使背景图案不随文字“滚动”的CSS是这样的： 　　style type=text/css 　　!-- 　　BODY { background: purple url(/bg.jpg); 　　background-repeat:repeat-y; 　　background-attachment:fixed 　　} 　　-- 　　/style 　　10、如何定义字间距？ 　　在DW3中CSS的属性定义对话框（style Definition for .style1)的“Block”上的“letter sp