第一篇：CSS樣式表學習從門到精通

CSS樣式表學習從門到精通

第1講 CSS簡介

CSS是Cascading Style Sheets（層疊樣式表單）的簡稱。不過大家都把它稱作樣式表，它是一種設(shè)計網(wǎng)頁樣式的工具。借助CSS的強大功能，網(wǎng)頁將在您豐富的想象力下千變?nèi)f化。

看到上面的兩幅圖片，您可能會認為這是用photoshop或者是其他圖形處理軟件制作的吧?？墒巧厦娴睦訁s完全是用CSS編寫的。我們來看一下它的源代碼（仔細看就很簡單）：

＜html＞

＜head＞

＜title＞css word＜/title＞

＜style＞//*CSS樣式定義開始*//

＜!--

div

{width：200;filter

blur(add=true,direction=135,strengh=20);

} //*定義DIV范圍內(nèi)的樣式，包括寬度(width)、模糊濾鏡屬性(blur)*//

--＞

＜/style＞//*樣式定義結(jié)束*//

＜/head＞

＜body＞

＜div＞//*以下的區(qū)域內(nèi)采用＜head＞中＜style＞里面定義的格式*//

＜p style=“font-size：48;font-style：bold;

color:red;”＞hongen ＜/p＞

//*定義字體樣式(font-style)，包括字體大小(size)、粗細(bold)、顏色

(color)*//

＜/div＞

＜/body＞

＜/html＞

上面的代碼中以紅色顯示的是注釋部分，用于幫助您更好的理解代碼的含義。上面的這一段代碼產(chǎn)生的是如圖2的效果。而其中字體的模糊效果就是運用了CSS的濾鏡功能。濾鏡功能是CSS非常有趣也非常吸引人的一個功能，我們將在后面的章節(jié)中介紹。

實際上CSS的代碼都是由一些最基本的語句構(gòu)成的。它的基本語句的結(jié)構(gòu)是這樣的：

選擇符{屬性：屬性值}

看，是不是很簡單，只有三部分。

我們結(jié)合上面的代碼來講解，比如上面代碼的＜head＞…＜/head＞中，使用＜style＞來指定樣式。

一般說來，＜style＞下面的CSS語句是以注釋語句的形式書寫的，也就是上面代碼中的＜!--…--＞符號包含的部分。所以，上面的例子中定義頁面樣式的語句是：

div{width：200;filter：blur(add=true,direction=35,strengh=20);}

在上面的語句中，DIV是選擇符，選擇符可以是HTML中任何的標識符，比如P、DIV、IMG甚至BODY都可以作為選擇符。

這里用DIV做選擇符，就是說在HTML中，編輯在＜DIV＞中的頁面格式將以上面語句中大括號內(nèi)定義的格式顯示。

括號內(nèi)的WIDTH和FILTER就是屬性。

WIDTH定義了DIV區(qū)域內(nèi)的頁面的寬度，200是屬性值。

FILTER定義了濾鏡屬性，BLUR是它的屬性值，該屬性值產(chǎn)生的是一種模糊效果，其小括號內(nèi)定義的是BLUR屬性值的一些參數(shù)。

ADD參數(shù)有兩個值：True和False。分別指定圖片是否被設(shè)置成模糊效果。

Direction參數(shù)是用來設(shè)置模糊的方向。0度代表垂直向上，然后每45度一個單位，例子中的135代表底部向右135度，每一個度數(shù)單位都代表一個模糊方向，如果您感興趣的話，可以參照后面的講解中詳細的參數(shù)設(shè)定。

Strengh代表有多少像素的寬度將受到模糊影響，參數(shù)值是用整數(shù)來設(shè)置的。

我們看到除了在＜HEAD＞中有CSS 的定義，在＜BODY＞中也有一段CSS定義：

＜p style=“font-size：48;font-style：bold;color：red;”＞hongen＜/p＞

這里Style是內(nèi)嵌到＜P＞中來定義該段落內(nèi)的格式的。我們發(fā)現(xiàn)在＜BODY＞中的CSS語句與定義在＜HEAD＞中還有些不同，它是用＜ STYLE = ＞直接定義的。這種定義方法非常適用于編寫的代碼比較多的情況。

而上面的代碼的CSS定義格式則非常適用于代碼較少、結(jié)構(gòu)較簡單的情況。

按照CSS語句的基本格式，我們可以看出上面定義P段落內(nèi)的CSS代碼中font-size、font-style和color是屬性，分別定義＜P＞中“hongen”字體的大小(size)、樣式(style)和顏色(color)；

而

48、bold、red是屬性值。意思是“hongen”將以48pt、粗體、紅色的樣式顯示。由于整個段落是定義在＜DIV＞中的，所以hongen又將顯示出＜head＞中定義的濾鏡屬性來。最終的結(jié)果就如同圖2一樣。

圖1中的效果也是用很簡單的CSS語句實現(xiàn)的，只是運用了CSS中的濾鏡屬性而已。

通過上面的講解，我們可以看到用很簡單的CSS語句就可以實現(xiàn)許多需要專業(yè)軟件才可以達到的效果。利用屬性可以設(shè)置字體、顏色、背景等頁面格式；利用定位可以使頁面布局更加規(guī)范、好看；利用濾鏡可以使頁面產(chǎn)生多媒體效果。怎么樣，CSS的功能是不是很強大，在下面的教程中我們將對它進行詳細的講解。

從上面的例子中，我們可以看到CSS的語句是內(nèi)嵌在HTML文檔內(nèi)的。所以，編寫CSS的方法和編寫HTML文檔的方法是一樣的。

您可以用任何一種文本編輯工具來編寫。比如Windows下的記事本和寫字板、專門的HTML文本編輯工具（Frontpage、Ultraedit等），都可以用來編輯CSS文檔。

那么您可能會問，獨立編輯好的CSS文檔怎樣加入到HTML文檔中呢？其實在第一章中的例子里已經(jīng)介紹了兩種方法。

一種是把CSS文檔放到＜head＞文檔中：

＜style type=“text/css”＞ …… ＜/style＞

其中＜style＞中的“type=?text/css?”的意思是＜style＞中的代碼是定義樣式表單的。

另一種方法是把CSS樣式表寫在HTML的行內(nèi)，比如下面的代碼：

＜p style=“font-size：14pt；color：blue”＞藍色14號文字＜/p＞

這是采用＜Style=“ ”＞的格式把樣式寫在html中的任意行內(nèi)，這樣比較方便靈活。

還有一種方法是：把您編輯好的CSS文檔保存成“.CSS”文件，然后在＜head＞中定義。定義的格式是這樣的：

＜head＞ ＜link rel=stylesheet href=“style.css”＞ …… ＜/head＞

我們看到這里應用了一個＜Link＞，“rel=stylesheet”指連接的元素是一個樣式表（stylesheet）文檔。一般這里是不需要您改動的。

而后面的“href=?style.css?”指的是需要連接的文件地址。您只需把編輯好的“.CSS”文件的詳細路徑名寫進去就可以了。這種方法非常適宜同時定義多個文檔。它能使多個文檔同時使用相同的樣式，從而減少了大量的冗余代碼。

本章主要介紹了編寫CSS的方法以及如何把作好的CSS文檔與HTML結(jié)合起來運用。您可以根據(jù)自己編寫的HTML代碼的結(jié)構(gòu)、長度來選擇用哪一種方法將CSS與之結(jié)合。

下一章我們將進入CSS的具體知識的學習，我們將先從最基本的屬性開始講起。

第2章 CSS屬性

從CSS的基本語句就可以看出，屬性是CSS非常重要的部分。熟練掌握了CSS的各種屬性將會是您編輯頁面更加得心應手。下面我們就借助一些實例來講解?！?/p>

1、字體屬性

這是最基本的屬性，您經(jīng)常都會用到。它主要包括以下這些屬性：

光看表格是不是有些難懂，不要緊，我們來看一個用表格中的屬性定義的字體樣式（如下圖）：

第一行只是采用了“font-family”屬性，代碼是這樣的：

＜p style=“font-family：lucida console”＞hongen＜/p＞

這行代碼定義了“hongen”將以“l(fā)ucida console”的字體顯示；

第二行font-family為默認值，而是定義了“font-style”屬性為“italic”斜體，代碼如下：

＜p style=“font-style：italic”＞hongen＜/p＞

第三行font-family為默認值，font-style為“oblique”，另外還定義了“font-weight”屬性為“bold”，“font-size”屬性為24pt（缺省情況下為absolute size絕對大小）代碼如下：

＜p style=“font-style：oblique；font-weight：bold；font-size：24pt”＞hongen＜/p＞

最后一行只是在第三行定義的基礎(chǔ)上又增添了“font-variant”屬性為“small-caps”（小體大寫），代碼如下：

＜p style=“font-style：oblique；font-weight：bold；font-size：24pt；

font-variant：small-caps”＞hongen＜/p＞

值得注意的是：“font-variant”屬性值“small-caps”在指定的小體大寫字體不存在的時候，CSS將用大寫字母代替所有的小寫字母。

可能您會問：定義一個字體怎么有那么長的代碼呢？其實字體屬性中還一個“font”屬性，可以實現(xiàn)簡便定義。我們來看下面這段代碼：

＜p style=“font：italic small-caps bold 36pt,GlitzyCurl”＞Leaf＜/p＞ 此代碼產(chǎn)生的效果是這樣的（如下圖）：

這段代碼定義了“l(fā)eaf”的字體為GlitzyCurl，并且是斜體、小體大寫、粗體、36號字。這段代碼等同于：

＜p style=“font-style：italic；font-variant：small-caps；font-weight：

bold；font-size：36pt；font-family：GiltzyCurl”＞Leaf＜/p＞

怎么樣，是不是精簡了許多。

但需要注意的是：如果您用＜font＞屬性直接定義，一定要注意屬性值的排放順序。

它的排放規(guī)則是按照“font-style”、“font-variant”、“font-weight”、“font-size”、“font-family”的順序，其中沒有定義的以默認值顯示。

其實我們習慣上還是不用FONT屬性來統(tǒng)一定義，因為分開來定義的代碼雖然很長，但是看上去很直觀，讓人一看就知道定義的內(nèi)容是什么。

說一點遺憾之處吧，就是CSS對中文字體的支持可能不是很好。

2、顏色和背景屬性

您總不希望自己的頁面處于黑白世界吧。如果給用＜font＞屬性定義的文本添上顏色是不是會更好呢？

下面我們就講一下CSS的顏色和背景屬性。先來看一下CSS下的顏色和背景都有哪些屬性吧（如下表）：

我們還是舉個例子吧。比如上一節(jié)講到的“LEAF”字體，我們在其中加入顏色屬性，在＜style＞再加入以下代碼：

color：rgb（204，82，28）；

background-img：url(ss01038.jpg)；

background-repeat：no-repeat；margin-right：15em

//*設(shè)置前景色的rgb值為(204，82，28)，您也可以用顏色的英文名稱直接定義；

設(shè)置背景圖案的地址；設(shè)置背景圖案不重復顯示；另外還設(shè)置了頁邊距margin屬性，這個我們以后再講*//

加入代碼后“Leaf”的字體顯示效果是這樣的（如下圖）：

怎么樣，是不是比光是定義＜font＞屬性顯得更加漂亮了。當然您也可以簡便的定義background屬性（象定義font屬性那樣），下面我告訴一下您background屬性的書寫格式：

屬性：background 屬性值：＜background-color＞

＜background-image＞

＜background-repeat＞

＜background-attacement＞

＜background-position＞

也就是說，使用background屬性可以一次定義前面講到的一切有關(guān)背景的屬性，包括背景色、背景圖案等等。因此，上面定義“l(fā)eaf”顏色屬性中有關(guān)背景的代碼可以寫成這樣： “background：url（ss01038.jpg）no-reapeat”

好了，至于顏色和背景屬性的功能，您自己也可以去試一試。下一節(jié)我們將介紹CSS的文本屬性。

3、文本屬性

定義間距

前面說了如何用CSS定義字體、顏色和背景屬性，那么定義好的文本我們怎么對它進行排版呢？

下面我們講述一下CSS的文本屬性，還是先來看一下文本屬性的詳細列表：

我們可以從表中看到在這里可以定義文本的文字間距、字母間距、裝飾、對齊方式、縮進方式和行高等屬性。舉個例子來看看吧。比如下面這段文字（如圖）：

我們對這段文字加上文本屬性重新排版，排版后的效果如右上圖所示。

我們看到經(jīng)過文本屬性處理的文本字與字之間多了間距，行與行之間多了行高，對齊方式變成了兩端對齊，并且段首又多縮進了兩格。這是怎樣實現(xiàn)的呢？很簡單，只是在html中加了如下的代碼：

4em；line-height：17pt”>……

//*letter-spacing設(shè)置了字間距為1em，其中1em為一個長度單位；text-align設(shè)

置了對齊方式為兩端對齊；indent設(shè)置了縮進格為4em；line-height設(shè)置了行高為

17pt*//

從上面的例子，我們可以看出利用CSS的文本屬性可以方便的對頁面中的文本進行排版。下一節(jié)我將向您介紹文本的Text-decoration屬性的一個小應用。裝飾超鏈接

網(wǎng)頁默認的鏈接方式是這樣的：未訪問過的鏈接是藍色文字并帶藍色的下劃線，訪問過的超級鏈接是深紫色的文字并帶深紫色的下劃線。如果您所有的網(wǎng)頁都是這種樣式，是不是很單調(diào)呢？

其實，利用文本屬性中的Text-decoration屬性就可以實現(xiàn)對超鏈接的修飾。我們先看下面的這段代碼：

＜html＞

＜title＞link css＜/title＞

＜head＞

＜style＞

＜!--

//*定義偽類元素（ａ：），大括號內(nèi)定義了前景色屬性和文本裝飾屬性，hover加上?font-size?屬性目的是讓鼠標激活鏈接時改變字體*//

a：link{color：green;text-decoration：none}

//*未訪問時的狀態(tài)，顏色為綠色(green)，文本裝飾屬性(text-decoration)值為沒有(none)*//

a：visited{color：red;text-decoration：none}

//*訪問過的狀態(tài)，顏色為紅色(red)，文本裝飾屬性值為沒有*//

a：hover{color：blue;text-decoration：overline;font-size：20pt}

//*鼠標激活的狀態(tài)，顏色為藍色(blue)，文本裝飾屬性值為上劃(overline)，字體大小為20pt*//

--＞

＜/style＞

＜/head＞

＜body＞

＜p style=“font-family:行書體；font-size：18pt”＞

＜a href=“http：//＞

＜head＞

＜title＞filter blur＜/title＞

＜style＞//*CSS樣式定義開始*//

＜!--

div{width：200；filter：blur(add=true,direction=90,strength=25)；}

//*設(shè)置DIV樣式，濾鏡blur屬性*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div style=“width:702； height: 288”＞

＜p style=“font-family:lucida handwirting italic；font-size:72；font-style:bold；color:rgb(55,72,145)；” ＞

LEAF＜/p＞

//*定義字體名稱、大小、樣式、前景色*//

＜/div＞

＜/body＞

＜/html＞

我們看到strength設(shè)置為25，如果把其值再改大一些，就會達到非常夸張的效果，同時把Direction參數(shù)值為180，顯示效果如下圖：

用blur屬性設(shè)置字體可以達到很多效果，把direction和strength再做修改，還能達到多種效果，您可以自己修改試一試。

這一節(jié)我們介紹了Blur屬性，下一節(jié)將向您介紹Chroma屬性。

4、Chroma屬性

Chroma屬性可以設(shè)置一個對象中指定的顏色為透明色，它的表達式如下：

Filter：Chroma（color=color）

這個屬性的表達式是不是很簡單，它只有一個參數(shù)。只需把您想要指定透明的顏色用Color參數(shù)設(shè)置出來就可以了。比如下面這幅圖：

圖中顯示兩種字體，兩種顏色，我們現(xiàn)在對“l(fā)eaves”字體添加chroma屬性，使其透明。代碼如下：

＜html＞

＜head＞

＜title＞chroma filter＜/title＞

＜style＞

＜!--

div{position：absolute；top：70；width：200；filter：chroma(color=green)}

//*定義DIV范圍內(nèi)綠色為透明色，另外設(shè)置DIV的位置*//

p{font-family：bailey；font-size：48；font-weight：bold；

color：green} //*設(shè)置P的字體名稱、大小、粗細、顏色*//

em{font-family:lucida handwriting italic；font-size:48；font-weight：bold；color：rgb(255,51,153)}

//*設(shè)置EM的字體名稱、大小、粗細、顏色*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div＞

＜p＞LEAVES ＜em＞LOVE＜/em＞＜/p＞

＜/div＞

＜/body＞

＜/html＞

通過上面代碼中對chroma的屬性設(shè)置，使綠色透明。顯示效果如下圖：

我們看到綠色的leaves字體不見了，實際上它是透明了，在IE下點擊它所在的區(qū)域，它還是會顯示出來（見右圖）：

另外，需要注意的是，chroma屬性對于圖片文件不是很適合。因為很多圖片是經(jīng)過了減色和壓縮處理（比如JPG、GIF等格式），所以它們很少有固定的位置可以設(shè)置為透明。

本節(jié)我們講述了chroma屬性的應用，下一節(jié)將向您介紹Dropshadow屬性。

5、DropShadow屬性

DropShadow屬性是為了添加對象的陰影效果的。它實現(xiàn)的效果看上去就像使原來的對象離開頁面，然后在頁面上顯示出該對象的投影?？匆豢此谋磉_式：

Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，Positive=positive）

該屬性一共有四個參數(shù)： Color代表投射陰影的顏色。Offx和offy分別X方向和Y方向陰影的偏移量。偏移量必須用整數(shù)值來設(shè)置。如果設(shè)置為正整數(shù)，代表X軸的右方向和Y軸的向下方向。設(shè)置為負整數(shù)則相反。

Positive參數(shù)有兩個值：True為任何非透明像素建立可見的投影，F(xiàn)alse為透明的像素部分建立可見的投影。

同樣，我們先來看一個例子（見下圖）：

看，圖中的文字就像是從頁面上飛出來一樣，并且留下了一層淡淡的影子。

實際上在這里應用的就是CSS的DropShadow屬性，我們來看一下它的代碼：

＜html＞

＜head＞

＜title＞dropshadow ＜/title＞

＜style＞//*定義CSS樣式*//

＜!--

div

{position:absolute；

top:20；

width:300

；filter:dropshadow(color=#FFCCFF,offx=15,offy=10,positive=1)；}

--＞

//*定義DIV范圍內(nèi)的樣式，絕對定位，投影的顏色為#FFCCFF，投影坐標為向右偏移15個像素，向下偏移10個像素*//

＜/style＞

＜/head＞

＜body＞

＜div＞

＜p style=“font-family：matisse itc；font-size：64；font-weight：bold；color：#CC00CC；”＞

//*定義字體名稱、大小、粗細、顏色*//

Love Leaf ＜/p＞

＜/div＞

＜/body＞

＜/html＞

和chroma屬性一樣，Dropshadow屬性對圖象的支持不好，我指的是JPEG、GIF格式的圖象文件。

不能支持的原因與Chroma一樣，因為這種圖象的顏色很豐富，很難找到一個投射陰影的位置。

本節(jié)講述了Dropshadow屬性的應用，下一節(jié)將向您介紹FlipH、FlipV的屬性應用。

6、FlipH、FlipV屬性

Flip是CSS濾鏡的翻轉(zhuǎn)屬性，F(xiàn)lipH代表水平翻轉(zhuǎn)，F(xiàn)lipV代表垂直翻轉(zhuǎn)。它們的表達式很簡單，分別是：

Filter：FlipH

Filter：FlipV

我們先來看一幅圖：

下面我們分別對它實現(xiàn)水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)，并且在圖片上方的一段文字，也發(fā)生翻轉(zhuǎn)。代碼如下：

＜html＞

＜head＞

＜title＞flip css＜/title＞

＜style＞//*設(shè)置CSS樣式開始*//

＜!--

div{position：absolute；top：20；width：300；filter：fliph（flipv）；}

//*定義DIV范圍內(nèi)的樣式，絕對定位，翻轉(zhuǎn)為水平翻轉(zhuǎn)或垂直翻轉(zhuǎn)。

注意：在這里fliph和flipv只取其中的一個*//

img{position：absolute；top：70；left：40；filter：fliph（flipv）；}

//*定義圖片的樣式，絕對定位，翻轉(zhuǎn)屬性和DIV一樣。*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div＞

＜p style=“font-family：bailey；font-size：36pt；font-weight：bold； color：rgb(10,128,156)；”＞

Leaf Village ＜/p＞

//*定義字體名稱、大小、粗細、顏色*//

＜/div＞

＜p＞＜img src=“ss05058.jpg”＞＜/p＞

//*導入一張圖片*//

＜/body＞

＜/html＞

代碼產(chǎn)生的兩個效果分別如下圖：

水平翻轉(zhuǎn)

垂直翻轉(zhuǎn)

翻轉(zhuǎn)的屬性應用是不是很簡單。下一節(jié)我將向您介紹Glay屬性。

7、Gray屬性

Gray屬性把一張圖片變成灰度圖。它的表達式很簡單：

Filter：Gray

其實這個屬性沒什么好講的，只需在您定義的IMG樣式中加入一句代碼：

{Filter：Gray}就一切OK了。

下面兩幅圖分別代表未加Gray屬性和添加了Gray屬性的效果：

原圖

轉(zhuǎn)成gray屬性后的效果圖

本節(jié)講述的內(nèi)容比較簡單，下一節(jié)將向您介紹Glow屬性。

8、Glow屬性

當對一個對象使用“Glow”屬性后，這個對象的邊緣就會產(chǎn)生類似發(fā)光的效果。它的表達式如下：

Filter：Glow（Color=color，Strength=strength）

Glow屬性的參數(shù)只有兩個：Color是指定發(fā)光的顏色，Strength指定發(fā)光的強度，參數(shù)值從1到255。讓我們先來看一下加上Glow屬性的效果圖：

怎么樣，是不是有一種燃燒的火焰的感覺。實現(xiàn)這種效果的代碼如下：

＜html＞

＜head＞

＜title＞filter glow＜/title＞

＜style＞//*開始設(shè)置CSS樣式*//

＜!--

.leaf{position：absolute； top：20； width：400；filter：glow(color=#FF3399,strength=15)；}

//*設(shè)置類leaf，絕對定位，Glow濾鏡屬性，發(fā)光顏色值為#FF3399，強度為

15*//

.weny{position：absolute； top：70； left：50； width：300；filter：glow(color=#9966CC,strength=10)；}

//*設(shè)置類weny，絕對定位，glow濾鏡屬性，發(fā)光顏色值為#9966CC，強度為

15*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div class=“l(fā)eaf”＞//*leaf類樣式*//

＜p style=“font-family：lucida handwriting；font-size：54pt；font-weight：bold；color：#003366；”＞

Leaf Mylove＜/p＞//*設(shè)置字體名稱、大小、粗細、顏色*//

＜/div＞

＜div class=“weny”＞//*weny類樣式*//

＜p style=“font-family：bailey； font-size：48pt；font-weight：bold；color：#99CC66；”＞

//設(shè)置字體名稱、大小、粗細、顏色*//

Weny Good!＜/p＞

＜/div＞

＜/body＞

＜/html＞

您還可以隨意修改顏色值，看看其他的發(fā)光效果是怎樣的。

本節(jié)主要講了Glow屬性的應用，下一節(jié)將向您介紹Invert屬性。

9、Invert屬性

Invert屬性可以把對象的可視化屬性全部翻轉(zhuǎn)，包括色彩、飽和度和亮度值。

它的表達式也很簡單：

Filter：Invert

我們再來看一下加上Invert屬性前后的圖片效果變化（如下圖）：

我們看到Invert屬性實際上達到的是一種“底片”的效果。

自己拿別的圖來試試吧。本節(jié)介紹的是Invert屬性，下一節(jié)將向您介紹Mask屬性。

原圖

Invert屬性效果圖

10、Mask屬性

Mask屬性為對象建立一個覆蓋于表面的膜。它的表達式也很簡單：

Filter：Mask（Color=顏色）

只有一個Color參數(shù)，用來指定使用什么顏色作為掩膜。

同樣，我們來看一下一幅圖片在加上mask屬性前后的效果（見下圖）：

原圖

Mask屬性效果圖

加上MASK屬性的效果就好象是在用有色眼鏡看物體一樣。上面的效果的代碼如下：

＜html＞

＜head＞

＜title＞ mask filter ＜/title＞

＜style＞//*設(shè)置CSS樣式開始*//

＜!--

div{position：absolute；top：20；left：40；

filter：mask(color：#666699)；}

//*定義DIV區(qū)域的樣式，絕對定位，mask屬性的color參數(shù)值指定用什么顏色遮住對象*//

p{font-family：bailey；font-size：72pt；

font-weight：bold；color：#FF9900；}

//*定義P區(qū)域內(nèi)的樣式，字體名稱、大小、粗細、前景色*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div＞

＜p＞ wenyleaf ＜/p＞

＜/div＞

＜/body＞

＜/html＞

其實，您就算在代碼中去掉對字體前景色的定義，得到的效果還是一樣的。因為有了Mask屬性的定義，它遮罩下的字體顏色的設(shè)置就已經(jīng)失去了意義。

還有一點需要您注意的地方，mask屬性對圖片文件的支持還是不夠，不能達到應該有的效果。

本節(jié)講解了Mask屬性的應用，下一節(jié)將向您介紹Shadow（陰影）屬性。

11、Shadow屬性

Shadow屬性可以在指定的方向建立物體的投影。它的表達式是這樣的：

Filter：Shadow（Color=color，Direction=direction）

在這里，Shadow有兩個參數(shù)值：Color參數(shù)用來指定投影的顏色；Direction參數(shù)用來指定投影的方向。

這里說的方向與我們在第二節(jié)Blur屬性中提到的“方向與角度的關(guān)系”是一樣的。

也許您會問，前面講到的Dropshadow屬性和Shadow屬性有什么不同嗎？

光說的話，您恐怕還難以理解，讓我們看一看分別利用這兩個屬性做出來的效果有什么不同（見下圖）：

：

Shadow效果

Dropshadow效果

這樣一對比，就可以很明顯的看出兩者的不同。

Shadow屬性可以在任意角度進行投射陰影，Dropshadow屬性實際上是用偏移來定義陰影的。所以，看上去左圖的文字和陰影就像是一體的，而右圖的文字就像脫離了陰影一樣。

本例的代碼如下：

＜html＞

＜head＞

＜title＞ shadow＜/title＞

＜style＞//*開始設(shè)置CSS樣式*//

＜!--

.shadow{position:absolute；top:20；width:300；filter:shadow(color=#cc66ff,direction=225)；}

//*定義Shadow類的樣式，絕對定位，Shadow屬性，陰影顏色、投影方向*//

.dropshadow{position:absolute；top:180filter:dropshadow(color=#cc66ff,offx=10,offy=10,positive=1)；}

Dropshadow屬性，設(shè)置X軸和Y軸的偏移量*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div class=“shadow”＞//*區(qū)域內(nèi)為Shadow類*//

＜p style=“font-family：bailey；font-size：48pt； font-weight：bold；color：#FF9900；”；

width:300；

//*設(shè)置Dropshadow類的樣式，樣式與Shadow類相似，不同的是濾鏡用了 ＞

Hongen Online＜/p＞//*定義字體名稱、大小、粗細、前景色*// ＜/div＞

＜div class=“dropshadow”＞//*區(qū)域內(nèi)為Dropshadow類*//

＜p style=“font-family：bailey；font-size：48pt；font-weight：bold；color：#FF9900；”＞

Hongen Online＜/p＞//*定義字體樣式與Shadow類的一樣*//

＜/div＞

＜/body＞

＜/html＞

本節(jié)講述了Shadow屬性的應用，下一節(jié)將向您介紹Wave（波紋）屬性。

12、Wave屬性

Wave屬性用來把對象按照垂直的波紋樣式打亂。它的表達式如下：

Filter：Wave（Add=True（False），F(xiàn)req=頻率，LightStrength=增強光效，Phase=偏移量，Strength=強度）

我們看到Wave屬性的表達式還是比較復雜的，它一共有五個參數(shù)。Add參數(shù)有兩個參數(shù)值：True代表把對象按照波紋樣式打亂；False代表不打亂；

Freq參數(shù)指生成波紋的頻率，也就是指定在對象上共需要產(chǎn)生多少個完整的波紋。

LightStrength參數(shù)是為了使生成的波紋增強光的效果。參數(shù)值可以從0到100。

Phase參數(shù)用來設(shè)置正弦波開始的偏移量。這個值的通用值為0，它的可變范圍為從0到100。這個值代表開始時的偏移量占波長的百分比。比如該值為25，代表正弦波從90度（360*25%）的方向開始。

說了一大堆，我們還是先看一個實例吧。

下面我們對上面這個頁面加上Wave效果，代碼如下：

＜html＞

＜head＞

＜title＞ wave css＜/title＞

＜style＞//*定義CSS 樣式開始*//

＜!--

.leaf{position:absolute；top:10；width:300；filter:wave(add=true,freq=3,lightstrength=100,phase=45,strength=20)；}

//*設(shè)置leaf類的樣式，絕對定位，wave屬性，產(chǎn)生3個波紋，光強為100，波紋

從162度（360*45%）開始，振幅為20*//

img{position:absolute;top:110;left:40;filter:wave(add=true,freq=3,lightstrength=100,phase=25,strength=5)；}

//*設(shè)置IMG的樣式，絕對定位，wave屬性，產(chǎn)生3個波紋，光強為100，波紋從

90度開始，振幅為5*//

--＞

＜/style＞

＜/head＞

＜body＞

＜div class=“wave”＞//*定義DIV區(qū)域內(nèi)為Wave類*//

＜p style=“font-family：lucida handwriting； font-size=72pt； font-weight：bold；r：rgb(189,1,64)；”＞Leaf＜/p＞

//*設(shè)置字體名稱、大小、粗細、顏色*//

＜/div＞

＜p＞＜img src=“ss01044.jpg”＞＜/p＞ //*導入圖片*//

＜/body＞

＜/html＞

這段代碼實現(xiàn)的效果如下圖：

原圖

wave1

wave參數(shù)改動后 如果把Wave的參數(shù)隨便做一下改動，就會達到多種效果，請看另外一種效果：（最右圖）：

其實這種效果只是增大了freq參數(shù)的值，減小了Strength、LightStrength的值就可以了。您也可以多試試，改變其他的參數(shù)值，還可以達到許多不同的效果來。

本節(jié)主要講述了Wave屬性的應用，下一節(jié)將向您介紹Xray屬性。

13、Xray屬性

Xray就是X射線的意思。

Xray屬性，顧名思義，這種屬性產(chǎn)生的效果就是使對象看上去有一種X光片的感覺。它的表達式很簡單：

Filter：Xray

我們還是先來看一個頁面（如下圖）：

如果在上面的頁面中加入Xray屬性，也就是在＜head＞的＜Style＞中，增添下面這一句代碼：

Filter：Xray

您再看這個頁面就會是另一種效果了：（如右圖）

看，是不是就像給它拍了一張X光片一樣。

總結(jié)：CSS的全部屬性都在這里了，只要大家能夠活學活用里面的屬性，一定可以制作出自己滿意的效果來。附：

技術(shù)優(yōu)勢：

1、方便修改網(wǎng)頁格式：css對網(wǎng)頁樣式的控制可以獨立地進行，因而修改、更新起網(wǎng)頁起來都顯得異常輕松容易。

2、輕松增加網(wǎng)頁的特殊效果：在網(wǎng)頁中過多的使用圖像會破壞原有文字的存儲格式，并且會加長下載時間，如果使用了css中的圖像濾鏡，就可以在不增加網(wǎng)頁體積的情況下實現(xiàn)一些特殊的視覺效果，為網(wǎng)頁添加生氣。

3、使用網(wǎng)頁元素更準確的定位：之前HTML中使用的表格用來定位表格元素，而且表格只適用于規(guī)則的網(wǎng)頁排版，對于復雜的不規(guī)則的網(wǎng)頁結(jié)構(gòu)就顯得力不從心，而css能很好的解決排版問題。

4、良好的適應性：許多瀏覽器都支持css。css樣式表的功能：

1、靈活定制網(wǎng)頁元素風格：用css可以將元素逐個地定義其在頁面中的顯示風格。如果想讓某種元素有多種外觀，可以創(chuàng)建這種元素的多個類，把網(wǎng)頁中的該元素用不同的類定義就可以了。

2、迅速更新網(wǎng)站風格：使用css，可以把整個網(wǎng)站的風格信息集中在外部css樣式表的文件中，它的擴展名為.css，從而，HTML或XML可以通過一定的語句對這個文件樣式進行引用。

3、組合不同風格的網(wǎng)頁：每個人制作網(wǎng)頁的風格和思路是不一樣的，最后把每個人的網(wǎng)頁和已開發(fā)出的網(wǎng)頁完美組合起來是相當困難的，而css技術(shù)可以讓每 個人把自己的內(nèi)容直接放到網(wǎng)頁中去后，然后將網(wǎng)頁與相應的css文件相連接，組合后的風格就較為一致，也節(jié)省了許多不必要的麻煩。

第二篇：電子教案-CSS層疊樣式表

CSS層疊樣式表

學習目標：

1.了解樣式表的概念

2.掌握樣式表的分類及編寫規(guī)則的語法 3.掌握CSS樣式表的使用 要點導航：

1.樣式表簡介 2.樣式表的規(guī)則 3.樣式表中的屬性 4.樣式表的引用 案例 帶樣式表的網(wǎng)頁

步驟1：通過依次單擊任務(wù)欄上的【開始】→【程序】→【附件】→【記事本】菜單命令打開記事本。

步驟2：在記事本的編輯面板中輸入如下代碼代碼，創(chuàng)建了使用樣式的頁面css1.html

這段文字將顯示為紅色

這段文字的背景色為黃色

這段文字將以黑體顯示

今天學習樣式表的相關(guān)知識。

第三篇：煤礦技術(shù)員——從入門到精通

這里都是一些概念上的東西。不過很有用?；夭晒ぷ髅?/p>

在煤層或礦床的開采過程中，一般把直接進行采煤或采有用礦物的工作空間稱為回采工作面或簡稱為采場。賦存在煤層之上的巖層稱為頂板或稱為上覆巖層，位于煤層下方的巖層稱為底板。一般把直接位于煤層上方的一層或幾層性質(zhì)相近的巖層稱為直接頂。它通常由具有一定穩(wěn)定性且易于隨工作回術(shù)放頂而垮落的頁巖，砂頁巖或粉砂巖等巖層組成。巖石

巖石是組成地殼的基本物質(zhì)，由各種造巖礦物或巖屑在地質(zhì)作用下按一定規(guī)律組合而成。為與自然狀態(tài)下的巖體有所區(qū)別，多數(shù)巖石力學文獻中，巖石是指從巖體中取出的，尺寸不大的塊體物質(zhì)，有時又稱巖塊。巖石按不同的標準可分為不同類型，常見的分類有成因，礦物顆粒間的結(jié)合特征，巖石力學強度和堅實性。雷管

雷管是爆破工程的主要起爆材料，它的作用是產(chǎn)生起爆能來引爆各種炸藥及導爆索、傳爆管。雷管分為火雷管和電雷管兩種。煤礦井下放炮均采用電雷管。電雷管分為瞬發(fā)電雷管和延期電雷管。而延期電雷管又分為秒延期電雷管和毫秒延期電雷管。莫爾強度理論

莫爾于1900年提出了莫爾強度理論，認為材料發(fā)生破壞是由于材料的某一面上剪應力達到一定的限度，而這個剪應力與材料本身性質(zhì)和正應力在破壞面上所造成的摩擦阻力有關(guān)。即材料發(fā)生破壞除了取決于該點的剪應力，還與該點正應力相關(guān)。這是目前巖石力學中應用最廣泛的理論。巖石沿某一面上的剪應力和該面上的正應力理論可表述為三部分。一，表示材料上一點應力狀態(tài)的莫爾應力圓，二，強度曲線，三，將莫爾應力圓和強度曲線聯(lián)系起來，建立莫爾強度準則。原巖應力

地殼中由于沒有受到人類工程活動（如礦井開掘巷道等）的影響的巖體稱為原巖體，簡稱原巖。存在于地層中示受工程擾動的天然應力為原巖應力，也稱為巖體初始應力，絕對應力或地應力。天然存在于原巖內(nèi)而與人為因素無關(guān)的應力場稱為原巖應力場。原巖應力的形成主要與地球的各種動力運動過程有關(guān)，包括：板塊邊界受壓，地幔熱對流，地球內(nèi)應力，地心引力，地球旋轉(zhuǎn)，巖漿侵入和地殼非均勻擴容等。此外，原巖體內(nèi)溫度不均勻，水壓梯度變化，地表被剝蝕或其他物理化學作用也能影響巖體內(nèi)應力的大小與分布狀態(tài)。由地心引力引起的應力場稱為自重應力場，地殼中任一點的自重應力等于單位面積的上覆巖層的重量。由于地質(zhì)構(gòu)造運動而引起的應力場稱為構(gòu)造應力場，構(gòu)造應力與巖體的特性，以及正在發(fā)生過程中的地質(zhì)構(gòu)造應力場是原巖應力場的主要組成部分。由于原巖應力場是分析開采窨周圍應力重新分布的基礎(chǔ)，研究巖體的初始應力狀態(tài)，為分析開挖巖體過程中巖體內(nèi)部應力變化，合理設(shè)計巷硐支護提供依據(jù)。裂紋擴展的應力準則

格里菲斯強度理論的應力準則與庫侖-莫爾準則在破壞機理上的認識是不同的。后者認為破壞主要是壓剪破壞，即使有拉伸破壞，也是發(fā)生在有拉應力作用的情況，而前者則認為不論材料處于何種受力狀態(tài)，本質(zhì)上都是由于拉應力引起破壞的。如圖A所示，如果垂直于裂隙的拉應力為巖石內(nèi)的主應力，則裂隙端部就會產(chǎn)生一個其值可能是該主應力幾倍的拉應力。如果主應力為平行于裂隙的壓應力，則裂隙邊界上的A點也會擴張如圖B。如果巖石試件中的微裂隙與城市應力成一定角度且處于復雜應力狀態(tài)，則裂隙端部就會出現(xiàn)應力集中而使原有裂隙擴展如圖c。所有這些應力集中，都是靠近裂隙尖端處應力值達到該點材料的抗拉強度時，才會從這個裂隙端部開始擴展至破裂。因此，脆性破壞不是剪切而破壞，而是由于拉伸而破壞的。格里菲斯在研究這個問題時，假定巖石內(nèi)部裂隙都看做是長度相當，形狀相似的扁平橢圓孔，并將它作為半無限彈性介質(zhì)中單個孔洞的平面應力問題來處理，在忽略中間主應力的影響下，根據(jù)對橢圓孔的應力分析可得出裂紋擴展應力準則，也稱拉應力準則。裂紋擴展的應力準則

相關(guān)圖 巖體

20世紀50年代，國內(nèi)外學者注意到，巖石與大范圍天然巖體的力學性質(zhì)有很大差別。概括來說，天然巖體與實驗室內(nèi)制作的巖石試件（巖 石）有顯著不同：（1）巖體賦存于一定地質(zhì)環(huán)境之中，地應力，地溫，地下水等因素對其物理力學性質(zhì)有很大影響，而巖石試件只是為實驗室 實驗而加工的巖塊，已完全脫離了原有的地質(zhì)環(huán)境。（2）巖體在自然狀態(tài)下經(jīng)歷了漫長的地質(zhì)作用過程，其中存在著各種地質(zhì)構(gòu)造和弱面，如 不整合，褶皺，斷層，節(jié)理，裂隙等等。（3）一定數(shù)量的巖石組成巖體，且?guī)r體無特定的自然邊界，只能根據(jù)解決問題的需要來圈定范圍。根 據(jù)上述特征，將巖體定義為地質(zhì)體的一部分，并且是由處于一定地質(zhì)環(huán)境中的各種巖性和結(jié)構(gòu)特征巖石所組成的集合體，也可以看成是由結(jié)構(gòu) 面所包圍的結(jié)構(gòu)體和結(jié)構(gòu)面共同組成的。結(jié)構(gòu)體

結(jié)構(gòu)體(structural element)指巖體中被結(jié)構(gòu)面切割圍限的巖石塊體。它不同于巖塊的概念。結(jié)構(gòu)體的規(guī)模取決于結(jié)構(gòu)面的密度，密度愈小，結(jié)構(gòu)體的規(guī)模愈大,與結(jié)構(gòu)面對應,劃分為五級。常用塊度模數(shù)（單位體積內(nèi)的Ⅳ級結(jié)構(gòu)體數(shù))或結(jié)構(gòu)體體積來表示結(jié)構(gòu)體規(guī)模。結(jié)構(gòu)體常見的形狀: 柱狀、板狀、楔形、菱形，見下圖 巖體整體與塊狀結(jié)構(gòu)

主要為均質(zhì)、巨塊狀巖漿巖、變質(zhì)巖，巨厚層、厚層沉積巖、正變質(zhì)巖、塊狀巖漿巖、變質(zhì)巖；主要結(jié)構(gòu)形狀為巨塊狀、塊狀、柱狀；以原生構(gòu)造節(jié)理為主，只具有少量貫穿性較好的節(jié)理裂隙，多呈閉合型，裂隙結(jié)構(gòu)面間距大于0.7m，一般不超過1～3組，無危險結(jié)構(gòu)面組成的落石掉塊，偶有少量分離體。整體性強度高，結(jié)構(gòu)面互相牽制，巖體穩(wěn)定，可視為均質(zhì)彈性各向同性體，可能發(fā)生的巖土工程問題為不穩(wěn)定結(jié)構(gòu)體的局部滑動或坍塌，深埋洞室的巖爆。巖體層狀結(jié)構(gòu)

主要為多韻律的薄層及中厚層狀沉積巖、副變質(zhì)巖；主要結(jié)構(gòu)形狀為層狀、板狀、透鏡體；有層理、片理、節(jié)理，常有層間錯動。接近均一的各向異性體，其變形及強度特征受層面及巖層組合控制，可視為彈塑性體，穩(wěn)定性較差，可能發(fā)生的巖土工程問題為不穩(wěn)定結(jié)構(gòu)體可能產(chǎn)生滑塌，特別是巖層的彎張破壞及軟弱巖層的塑性變形 巖體碎裂狀結(jié)構(gòu)

主要為構(gòu)造影響嚴重的破碎巖層；主要結(jié)構(gòu)形狀為塊狀；斷層、斷層破碎帶、片理、層理及層間結(jié)構(gòu)面較發(fā)育，裂隙結(jié)構(gòu)面間距0.25~0.5m，一般在3組以上，由許多分離體形成。完整性破壞較大，整體強度很低，并受斷裂等軟弱結(jié)構(gòu)面控制，多呈彈塑性介質(zhì)，穩(wěn)定性很差，可能發(fā)生的巖土工程問題為易引起規(guī)模較大的巖體失穩(wěn)，地下水加劇巖體失穩(wěn)。巖體散體狀結(jié)構(gòu)

要為構(gòu)造影響劇烈的斷層破碎帶，強風化帶，全風化帶；主要結(jié)構(gòu)形狀為碎屑狀、顆粒狀；斷層破碎帶交叉，構(gòu)造及風化裂隙密集，結(jié)構(gòu)面及組合錯綜復雜，并多充填粘性土，形成許多大小不一的分離巖塊。完整性遭到極大破壞，穩(wěn)定性極差，巖體屬性接近松散體介質(zhì)，可能發(fā)生的巖土工程問題為易引起規(guī)模較大的巖體失穩(wěn)，地下水加劇巖體失穩(wěn) 巖體中彈性變形能

地下巖體處在復雜和強烈的自重應力和構(gòu)造應力場中。地下賦存的煤層或巖層在應力作用下，體積和形狀發(fā)生變化產(chǎn)生變形，這種變形是外力做功的結(jié)果。巖體受外力作用而產(chǎn)生彈性變形時，在巖體內(nèi)部所儲存的能量，稱為彈性應變能。在彈性范圍內(nèi)外力緩慢地作用時若不考慮能量損耗，根據(jù)能量守恒原理，外力做的功將全部以應變能的形式儲存在彈性體內(nèi)。因此，處于強烈原巖應力作用下的巖體，可能儲存有巨大的彈性能。彈性體的變形是可逆的。采掘活動改變原巖的應力狀態(tài)，一旦解除了在原巖體中作用的應力。巖體在恢復變形的過程中，將釋放出全部的變形能而對外做功，伴生出一系列的礦山壓力現(xiàn)象。圍巖

在巖石地下工程中,由于受開挖影響而發(fā)生應力狀態(tài)改變的周圍巖體.石門

與地面不直接相通的水平巷道，其長軸線與煤層直交或斜交的巖石平巷稱為石門，為開采水平服務(wù)的石門稱主要石門，為采區(qū)服務(wù)的石門稱采區(qū)石門 煤門

在厚煤層內(nèi)，與煤層走向直交或斜交的水平巷道，稱為煤門。硐室

空間三個軸線長度相差不大且又不直通地面的地下巷道，如絞車房、變電所、煤倉等。立井

立井又稱豎井，為直接與地 面相通的直立巷道。專門或主要用于提升煤炭的叫做主井；主要用于提升矸石、下放設(shè)備器材、升降人員等輔助提升工作的叫做副井。采煤系統(tǒng)

回采巷道的掘進一般是超前于回采工作進行的。它們之間在時間上的配合以及在空間上的相互位置關(guān)系，稱為回采巷道布置系統(tǒng)，也即采煤系統(tǒng)。采煤工藝

由于煤層的自然條件和采用的機械不同，完成回采工作各工序的方法也就不同，并且在進行的順序、時間和空間上必須有規(guī)律地加以安排和配合。這種在采煤工作面內(nèi)按照一定順序完成各項工序的方法及其配合，稱為采煤工藝。在一定時間內(nèi)，按照一定的順序完成回采工作各項工序的過程，稱為采煤工藝過程。斜巷

不直通地面且長度短的傾斜巷道，用于行人、通風、運料等，此外，溜煤眼和聯(lián)絡(luò)巷有時也是傾斜巷道。斜井

與地面直接相通的傾斜巷道，其作用與立井和平硐相同。不與地面直接相通的斜井稱為暗斜井或肓斜井，其作用與暗立井相同。采煤方法

根據(jù)不同的礦山地質(zhì)及技術(shù)條件，可有不同的采煤系統(tǒng)與采煤工藝相配合，從而構(gòu)成多種多樣的采煤方法。如在不同的地質(zhì)及技術(shù)條件下，可以采用長壁采煤法、柱式采煤法或其他采煤法，而長壁與柱式采煤法在采煤系統(tǒng)與采煤工藝方面差別很大。由此可以認為：采煤方法就是采煤系統(tǒng)與采煤工藝的綜合及其在時間和空間上的相互配合。但兩者又是互相影響和制約的。采煤工藝是最活躍的因素，采煤工具的改革，要求采煤系統(tǒng)隨之改變，而采煤系統(tǒng)的改變也會要求 采煤工藝做相應的改革。事實上，許多種采煤方法正是在這種相互推動的過程中得到改進和發(fā)展，甚至創(chuàng)造了新的采煤方法。

第四篇：學習SEO從入門到精通之網(wǎng)站建設(shè)

學習SEO從入門到精通之網(wǎng)站建設(shè)

一、網(wǎng)站基礎(chǔ)

http：中即時協(xié)議

中國：25張/s,外國：29張/s，動畫片12張/s

二、html語言

Html語言叫超文本標記語言，有標簽和屬性兩部分構(gòu)成，由head和body組成。

三、html語法結(jié)構(gòu)

四、html字體語法結(jié)構(gòu)

1.標題字體

語法:。#的選擇是1-6，align的屬性是對齊方式有三個值：left、center、right。

2.文章字體

語法：

顏色名稱：black、red、white、green、blue、yellow、aqua（淺綠）fuchsia（紫紅）gray（灰色）、lime（橙色）、maroon（栗色）、purple

（紫色）olive（橄欖）、sliver（銀色）

3.物理字體

語法：傾斜加粗

下劃線上標下標

4.字符實體

語法： ；：不換行空格>；：>右尖括號，<；：<左尖括號

5.文字對齊

語法：

塊元素

下劃線

6.文字移動

語法：(1)方向移動,direction的屬性值：right、up、left、down。

(2)行為屬性,behavior的屬性值：scroll循環(huán)移動，slide只移動一次，alternate屏幕中間左右移動。

(3)次數(shù)屬性loop的屬性值是數(shù)值，(4)移動速度 屬性值越大，移動速度越快。

(5)移動范圍

bgcolor=””>

五、html列表屬性

Html的列表主要分為三種：無序列表、有序列表、定義列表。

1.無序列表

語法：

大標題
• 小標題

,type的屬性值主要有disc實心圈、circle空心圓、square方塊。

2.有序列表

語法：

大標題
1. 小標題

,type的屬性值主要有1，a，A，i，I,start是指從第幾個開始列序。

3.定義列表

語法：

標題

內(nèi)容

六、html中的鏈接屬性

語法：target的屬性值有1.blank在新窗口中打開，2.parent在原窗口中打開，3-self原窗口中打開（默認）4.-top當前窗口打開，并替換原框架鏈接。Compact是文章內(nèi)容變的緊湊。

鏈接：從上級到下級文件的鏈接：aa/a.html

從下級到上級文件的鏈接：../a.html

圖片鏈接，水平線，

---

noshade的屬性值是取消水平線的陰影。

七、html中的表單屬性

1.表單主要用于信息采集，調(diào)查表，留言板。

語法:

,action是必須的，用來指定當表單提交到的路徑，method是提交表單的方法，get為顯示提交，post是隱示提交

2.表單域

語法:type的屬性值有text、password密碼、checkbox多選項、radio單選、hidden隱藏表單、submit提交表單、reset復位

3.表單域（下拉列表）

4.多行文本框

,cols是列寬度，rows是行寬度。單選時記得加checked。

七、html中的表格屬性

語法：

行標記

列標記

border邊框厚度、bordercolor是邊框顏色、bgcolor背景顏色、background背景圖片、cellspacing是指單元格之間的距離、cellpadding是指邊框和內(nèi)容之間的距離。Colspan列合并，rowspan行合并。Valign是指垂直對齊。

第五篇：期貨從入門到精通必讀書籍

大學一年級

《期貨市場技術(shù)分析》

《日本蠟燭圖》

《期貨日內(nèi)短線交易》

闡述期貨日內(nèi)超級短線交易的基礎(chǔ)、原理、應用規(guī)則及策略、工具和方法。日內(nèi)短線基本技術(shù)入門普及書籍

《期市看盤攸關(guān)》

本書是國內(nèi)第一本詳盡講解期市看盤細節(jié)的專業(yè)書籍，具有極高的操作性和實戰(zhàn)性。中線投資，僅作參考！

《畫線八法》

畫線的重要意義：根據(jù)過去的走勢，對后期走勢進行判斷，從而把握市場節(jié)奏。通過畫線，我們可以尋找走勢中的支撐（阻力）位、多頭（空頭）陷阱。畫線是非常見功底的技術(shù)分析方法，利用多種方法對市場進行判斷是學習畫線的最高境界。想靠這個在期貨市場賺錢，那真的是太傻太天真,但是連這個都不懂，你還玩什么期貨！《日內(nèi)交易策略》

《日內(nèi)交易策略:谷物期貨交易實戰(zhàn)指南》：作者以一種簡潔、精準的方式，向讀者介紹了一些永恒的交易理念，也同時展示了如何將這些理念融入到一個具體的交易策略中，去出擊那個充滿驚喜的谷物期貨戰(zhàn)場。沒有晦澀難懂的指標，也沒有復雜異常的數(shù)學模型，作者在行之有效的交易原則基礎(chǔ)上，創(chuàng)建了他自己的日內(nèi)交易策略系統(tǒng)，并配有明確的資金管理策略。說實話，上述所有書中，這本是對大雄實戰(zhàn)操作指導意義最大的!

《股票作手回憶錄》

《股票作手回憶錄》以記述本世紀初期最偉大的股票和期貨投機人Jesse Livermore生平事跡的經(jīng)典作品。數(shù)十年來，一代又一代的金融專業(yè)人士和交易員都閱讀過這本書，從中學習金融操作所應秉持的態(tài)度，反應及感受。

在對當代30位最杰出的證券交易員的采訪中，我向他們提出了同樣一個問題：哪一本書對證券交易員最有啟發(fā)？迄今為止，獨占這一名單榜首的是70年前出版的偉大著作《股票作手回憶錄》。

——杰克?施瓦格

股票期貨投資必讀經(jīng)典，每個標點符號都不能錯過，穿越一個世紀的箴言，大雄強力推薦！

《索羅斯傳》

他有一雙發(fā)現(xiàn)經(jīng)濟泡沫的銳利慧眼，他有一個掃蕩市場的冷酷心腸，他一邊無孔不入的賺取財富，一邊大把地向慈善機構(gòu)慷慨解囊，他是一位一生都充滿了掌聲與責罵的大贏家。他就是索羅斯！《索羅斯傳》作者把讀者帶入一個全球投資天才的思想中，對索羅斯敏銳的金融嗅覺、廣泛的慈善事業(yè)和政治抱負提出了無價的、永恒的真知灼見。知道你寫的書只有你自己看得懂，可阿雄QQ頭像都是你，不看你的書行嗎？

大學二年級

《交易冠軍:一個天才操盤手的自白》

《交易冠軍:一個天才操盤手的自白》作者馬丁?舒華茲在美國投資業(yè)界是個傳奇人物，因參加過10次全美期貨、股票投資大賽并獲得9次冠軍而出名，另一次也僅以微弱差距名列第二，在9次奪得冠軍的比賽中，平均投資回報率高達210％，其中一次更是創(chuàng)下了回報率781％的佳績。舒華茲以做S＆P500指數(shù)期貨為主，大部分是短線交易，他從4萬美元起家，后來把資本變成了2000萬美元。本書是作者退出投資界后所寫的著作，因此也就無私地提供了巨細靡遺的操作技巧，包括如何從公開的資訊中看出真正的事實，如何在交易中避開別人設(shè)下的陷阱，以及一位成功的操盤高手要如何安排自己寶貴的時間和各項技術(shù)分析的重要技巧，是投資者的必讀之作。

《1000%的男人:期貨冠軍奇跡的買賣方法》

《1000%的男人:期貨冠軍奇跡的買賣方法》在日本首次的以實時實際貨幣進行交易比賽的“ROBBINSTAICOM期貨冠軍賽”第一次大賽中，創(chuàng)出了1098％的驚人成績，榮獲了大賽的冠軍。在第二次的比賽中仍以709％輝煌的成績蟬聯(lián)冠軍。是具有真正交易實力，淡漠中透出獨特的交易靈感及出色的交易技巧的交易家。《1000%的男人:期貨冠軍奇跡的買賣方法》附有圖表注釋，與其他一些理論性較強的期貨交易的書籍相比，也許更便于讀者閱讀和理解。

《超級短線客》

《超級短線客》中介紹的技術(shù)和工具保證了當今頂級超級短線客在個人和事業(yè)上的長期成功。他們是一群日間突擊者，他們頻繁進出股市，當天沖銷數(shù)筆交易；他們堅守的信條是：

一、決不持股過夜；

二、基本面不重要，只要有勢頭和波動，就能夠掙到錢?！锻昝赖娜諆?nèi)交易商2》

《完美的日內(nèi)交易商2》包含了大量關(guān)于日內(nèi)交易的不同方法和系統(tǒng)。請認真學習、研究并跟蹤這些方法。當你學完這些根據(jù)你的喜好和資金狀況設(shè)計的技巧以后，即可運用它們進行交易。

《短線交易五大絕技》

在當前不斷變化的市場里，以往的標準投資策略已經(jīng)過于狹隘?！抖叹€交易五大絕技》所講述的五個很容易理解、也容易使用的技巧，將使你有效地利用市場盈利，無論市場條件如何。

《海龜交易法則》

偉大的交易者是可以后天培養(yǎng)的嗎?讀完本書，相信你會找到答案。海龜們的神奇交易策略也必定會讓你在投資市場中大顯身手，獲得別人難以企及的高回報！“這是有史以來最好的五本交易學著作之一。”——范?撒普

大學三年級

《查理?芒格傳》

芒絕對是獨一無二的，拓展了我的視野，讓我以非同尋常的速度從猩猩進化到人類，否則我會比現(xiàn)在貧窮得多。——巴菲特芒格是誰？巴菲特的心靈導師，一個極其低調(diào)的老者，大哥，關(guān)于他的書，當然要看！你說呢？

《蘇黎世投機定律》！

亞馬遜五星推薦《蘇黎世投機定律》！全球銷售百萬冊！暢銷二十余年！榮登《商業(yè)周刊》暢銷書排行榜！華爾街投資人士的必讀書！

《重塑證券交易心理》

這是迄今為止惟一的一本將心理學和投資學融為一體的最佳著作。從中不僅能了解現(xiàn)代心理學的科學知識，還能受益于簡短心理治療領(lǐng)域佼佼者的思想和廣博知識?！锻顿Y中的心理學》

源自華爾街紐約股票交易所的投資心經(jīng)。超越了傳統(tǒng)投資圖書側(cè)重投資工具的窠臼，從獨特的視角深入淺出地剖析了投資者的種種心理偏差。

《大投機家》

《大投機家》是安德烈?科斯托拉尼生前最后的一本書，也是他一生投機智慧的結(jié)晶。書中除了有他對各種投資、投機市場的撥云見日的透徹剖析，還有他一生經(jīng)典的投資案例。本書不僅告訴人們?nèi)绾慰俊巴稒C”賺大錢，還給人們一個啟示——有錢不代表富裕，真正的富裕是懂得用錢創(chuàng)造豐富的心靈。

大學四年級

《通向財務(wù)自由之路》

范K撒普先生的書揭示了交易的真正秘密，一本可以幫助自己建立交易系統(tǒng)的絕世佳作，阿雄力薦！

《投資者大腦使用手冊》

以最佳的狀態(tài)作出最正確的投資決策，讓理性的大腦走出失控的情緒，克服投資偏差、化解心理壓力的自助妙方。雖然成功的投資需要基本的投資概念，但是想在投資界出類拔萃，就必須學會自我管理、自我控制。以《投資者大腦使用手冊》一書作為指南，你很快就會發(fā)現(xiàn)，熟悉市場局勢與掌握大腦運作狀態(tài)，可以有效提高投資整體獲利?！督鹑跓捊鹦g(shù)》

《金融煉金術(shù)》是自《股票作手回憶錄》之后又一部具有永恒價值的投資指南。一部講鷹形式的投資讀物……應該逐句、逐段、逐頁地蒯讀，反復咀嚼其中的每一個概念……索羅斯是有史以來最出色的職業(yè)投資家……很可能還是當代最杰出的市場分析家。

——B?M?摩根?斯坦利

索羅斯親筆著作，我知道這本書自己一定看不懂，但是即使看不懂，也一定要看！這才叫膜拜！

《戰(zhàn)爭論》

《戰(zhàn)爭論》是克勞塞維茨對戰(zhàn)爭進行觀察、研究和分析的結(jié)晶，是世界軍事思想史上第一部自覺運用德國古典哲學的辯證方法、系統(tǒng)地總結(jié)戰(zhàn)爭經(jīng)驗的著作，具有重要的軍事學術(shù)價值。它既是一部軍事理論著作，又是一部哲學著作；它不僅奠定了近代西方資產(chǎn)階級軍事學基礎(chǔ)，被譽為西方近代軍事理論的經(jīng)典之作，而且也是馬克思主義軍事科學的重要理論來源之一。做期貨要知道如何求生存，如何壯大，如何進攻！《毛澤東選集》

說什么都是多余的，好好讀，讀三遍！