何谓CSS.PDF

何謂CSS 本章摘要  操作方式  「CSS 規則定義」交談窗的各頁次說明  設定不會捲動的背景圖片(bg-sample-fixed)  變換超連結文字狀態(bg-sample-fixed)  修改頁面屬性的設定  其他超連結狀態說明  使用 CSS 樣式  狀態說明  CSS 在網頁中的使用方式  1. 使用外部連結樣式表  2. 以內嵌方式，在網頁的開頭定義  3. 局部套用 CSS 樣式  當樣式衝突時的優先順序  將 HTML 格式轉換成 CSS 操作方式  視窗CSS  CSS面版  文字css樣式  開新檔案  附加樣式表(匯入現有css)  轉存(匯出現有css) 「CSS 規則定義」交談窗的各頁次說明 可設定文字的大小、字型、顏色、段落行距、底線狀態、…等樣式 ¥ 「類型」頁次 其中文字大小可用像素、公分、字母高等單位，而且採用絕對值尺寸，不管瀏覽器如何更 改，網頁上的文字永遠都是相同大小！ 背景頁次不只是網頁的背景底色或背景圖片而己 它可以為各種網頁元件加上背景； 例如當它定義在 body 時，就是設定整份網頁的背景色，而定義在 P 標籤時，則可為整段 ¥ 「背景」頁次 文字加上背景色彩。 甚至可以指定背景圖片的出現方式，例如不重複貼圖、只往水平方向重複貼圖、背景圖片 的起始位置、…等。 ¥ 「區塊」頁次 可設定文字與文字的間隔距離，以及文字的對齊、縮排等樣式。 ¥ 「方框」頁次 可精確地設定網頁元件 (文字、圖片、…等) 上下左右的邊界留白。 可為文字、影像或任何網頁元件加上邊框，四個邊框的樣式可分別設定或是指定為全部一 ¥ 「邊框」頁次 樣，並可做出陷下、凸起等外框效果。 ¥ 「清單」頁次 可設定項目符號的樣式，還能用圖片來代替項目符號。 可將文字、圖片或其它元件做精確定位，擺放在網頁中的任何位置，並能使 2 個元件重疊 ¥ 「定位」頁次 設定圖層的大小、擺放位置、是否裁切…等設定，就是使用 CSS 的定位語法做出來的。 此頁次是屬於較新的 CSS 語法，可做出許多炫麗的效果 但是大多數的瀏覽器都還沒有支援 ¥ 「擴充功能」頁次 可以用 IE 5.0 以上的瀏覽器來玩看看 不過網頁中最好還是不要貿然使用，以免相容性變差。 CSS 在網頁中的使用方式  依照定義 CSS 的方式來分，共有 3 種不 同的使用類型： 1. 使用外部連結樣式表(多個網頁共用一份樣 式表) 2. 以內嵌方式，在head定義(單一網頁) 3. 局部套用 CSS 樣式(在html改) CSS 在網頁中的使用方式 1. 使用外部連結樣式表  先將要設定的 CSS 內容寫成一個檔案(用記事本即可) ，並 將其存成 CSS 檔 (副檔名為 .css)  使用連結的方式，套用這個 CSS 檔的樣式設定  不必將 CSS 語法寫在 HTML 文件中  優點：可以一次讓多個網頁共用一份樣式表，只要變更 .css 檔的內容，就可以更改所有連結網頁的樣式 2. 以內嵌方式，在網頁的開頭定義  將 CSS 語法寫在 style…/style 標籤之間  並放在 HTML 文件的開頭 (就是head 與 /head 之