第二章 css的應用方式
**:動態網製作指南 .knowsky.***
c s s 的 聲 明 方 式
這章節將開始為您介紹css的應用。當然一開始要介紹的是如何去建立個樣式表 (style sheets),包括了宣告的方式和應用在網頁上的方法,最後還會為您概述一下css的一些特性。概略來說,css的宣告有三種方式:
一、基本宣告:最典型的css宣告方式。
element 用中文來表示的話,也就是
元件(標籤)
例如:h3 即為一組宣告。
二、集體宣告:同時宣告某個或數個元件(標籤)(各元件(標 籤)間以逗號分隔)的一組或陣列樣式規則(性質)(各組規則間以分號分隔)。
元件(標籤)
或是
元件a(標籤a), 元件b(標籤b), 元件c(標籤c), ...
例如:td
或是
td,p,div
三、分項宣告:將許多樣式規則分組再分別宣告。
元件a(標籤a)
元件a(標籤a)
例如:td
td
這樣子的宣告方式並不會互相牴觸,因為所宣告的性質是不同的。如果不小心對同樣乙個性質作了重複的宣告,則只有後來宣告的設定值才會發生作用。
要附帶提一下的是,在您的宣告中,只要您的格式正確就會被接受,而不論是大小寫、空白或換行都不會對顯示的結果 有影響的,您可依自己習慣來編寫。
c s s 的 應 用 方 法
接下來要為您介紹的是將所建立的樣式表應用在網頁上的四種基本方法。
一、使用style屬性: 將style屬性直接加在個別的元件標籤裡。
《元件(標籤) style="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}
例如:這種用法的優點 是可靈巧應用樣式於各標籤中,但是缺點則是沒有整篇檔案的『統一性』。
二、使用style標籤: 將樣式規則寫在標籤之中。
例如:通常是將整個的
結構寫在網頁的
部份之中。這種用法的優點就是在於整篇檔案的統一性,只要是有宣告的的元件即會套用該樣式規則。缺點就是在個別元件的靈活度不足。
三、使用link標籤: 將樣式規則寫在.css的樣式檔案中,再以標籤引入。
假設我們把樣式規則存成乙個example.css的檔案,我們只要在網頁中加入
即可套用該樣式檔案中所制定好的樣式了。 通常是將
link標籤寫在網頁的
部份之中。這種用法的優點就是在於可以把要套用相同樣式規則的數篇檔案都指定到同乙個樣式檔案即可。缺點也是在個別檔案或元件的靈活度不足。
四、使用@import引入: 跟link用法很像,但必 放在 中。
例如:要注意的是,行末的分號是絕對不可少的!切記切記!
很明顯的,不管是link還是@import的用法都可能可以 直接套用他人現有的樣式表。不過,基於網路的禮儀,這種事別做的好,至少也應該知會 對方一聲,要先取得人家的同意才行!
而四種應用方法各有其優缺點,您可以綜合地使用,並不會相互牴觸。但是如果相同的性質屬性遇上重複的宣告的話,就要考量套用優先權的問題了!一般來講,優先權的順序有以下的幾點原則:
網頁設計者的樣式設定 > 使用者的樣式設定 > 瀏覽器的樣式設定
style屬性的樣式設定 > style標籤樣式設定 > 鏈結進來的樣式設定
後面宣告的樣式設定 > 前面的樣式設定
所謂『鏈結進來的樣式設定』指的就是用上面提到過的link標籤與@import引入這兩種應用方式所鏈結進來的的樣式設定。
以上就是css最基本的宣告與應用的方法介紹,有了這些基本的認識與方法,您已經可以開始建立您的樣式表!除了上面提到的基本的宣告與應用的方法之外,還有其它的宣告與應用的方法,將為您在下一章中再作介紹。
第二章 網路應用
第二章 網路應用 1.網路應用體系結構 識記網路應用特性結構與分類 客戶 伺服器 c s 結構 純p2p結構 混合結構 領會c s網路應用 p2p網路應用以及混合網路應用的特點 區別與聯絡 c s最主要的特徵是通訊只在客戶與伺服器之間進行,客戶與客戶之間不進行直接通訊 p2p結構可以動態地直接與其他...
第二章 應用層
一 網路應用程式體系結構 1 客戶機 伺服器體系結構 2 p2p體系結構 其實在這種體系結構中也有客戶機和伺服器,只是每個主機既充當了客戶機,又充當了伺服器的角色。發起主動連線的是客戶機,被動連線的是伺服器。二 套接字 程序是通過稱為套接字的軟體介面在網路上傳送和接受資料。打個比方 程序是一座房子,...
第二章 應用層
1.客戶機 伺服器體系結構 cs 有乙個總開打的主機稱為伺服器,它服務於來自許多其他稱為客戶機的主機請求,客戶機之間不直接通訊。2.p2p體系結構 對總是開啟的基礎設施伺服器有最小的依賴,任意間斷連線的主機對 對等方 直接相互通訊。p2p體系結構的最突出特性之一是它的自擴充套件性。1.tcp 全雙工...