高級網頁設計高級網頁設計_第1頁
高級網頁設計高級網頁設計_第2頁
高級網頁設計高級網頁設計_第3頁
高級網頁設計高級網頁設計_第4頁
高級網頁設計高級網頁設計_第5頁
已閱讀5頁，還剩19頁未讀， 繼續免費閱讀

付費下載

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

實驗五高級網頁設計孫曉燕

2013.5CSS樣式表CSS是Cascading

Style

Sheet的縮寫。譯作「層疊樣式表單」。是用于（增強）控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。樣式的類型自定義css規則Html標簽規則Css選擇器樣式CSS樣式面板“窗口”|”CSS樣式”組合鍵:Shift+f11面板中的主要功能按鈕附加樣式表新建樣式表編輯選中的樣式表刪除選中的樣式表從CSS樣式模板中創建CSS樣式表文件

“文件”|”新建”,打開”新建文檔”對話框,在”類別”中選擇”CSS樣式表”

類別,在中間的”CSS樣式表”欄中選擇

需要的樣式,右側是樣式表預覽圖.

單擊”創建”按鈕,新建了一個CSS樣式表文件.新建的CSS樣式表文件只有”代碼”視圖.編輯樣式表文件后,”保存”文件.附加外部的樣式表

“鏈接”:網頁與樣式表文件的關系是鏈接關系,不將樣式表的信息導入網頁中.

“導入”:將外部樣式表文件的信息導入到當前文檔中.在CSS樣式面板中創建CSS樣式表文件

在”CSS樣式面板”中,單擊”新建”按鈕,打開”新建CSS規則”對話框.選擇器類型類:CSS樣式可應用到網頁中任何范圍或任何文本區域中.標簽:標簽樣式將重新定義HTML高級:CSS樣式選擇器將重新定義一些標簽的特定格式或包含特性屬性的所有標簽的格式.名稱–

“類”命名:以英文或數字命名,名稱前加”.”,例如”.css1”“標簽”命名:可以通過點擊下拉列表按鈕選擇需要的標簽代碼.“高級”命名:輸入帶”#”的CSS樣式標簽或點擊下拉列表按鈕選擇設置超鏈接的

樣式.定義在“新建樣式表文件”:定義的是外部樣式表文件“僅對該文檔”:定義的是內嵌式樣式表和內聯式樣式表,不需要保存外部的CSS文

件應用CSS樣式

打開需要鏈接CSS樣式的文檔,選中文字或圖片等網頁元素.執行以下操作:在屬性檢查器中的”樣式”下拉列表選擇樣式在CSS樣式面板中,右鍵單擊要應用的樣式名稱,在彈出的快捷菜單中選擇”套用”.

取消樣式的應用,只需要選擇已應用樣式的文本,在屬性檢查器中的”樣式”下拉列表選擇”無”即可.實例如夢令李清照昨夜雨疏風驟，濃睡不消殘酒。試問卷簾人，

卻道海棠依舊。知否、知否？

應是綠肥紅瘦。段落設置設置段間距margin

首行縮進text-indent(區塊).em是相對長度單位,相對于當前對象內文本的字體尺

寸。設置行間距line-height(類型)字體font-family(類型)大小font-size(類型)<p

class="first">第1段文字是綠色</p><p

class="second">第2段文字是紫色</p><p

class="third">第3段文字是灰色</p>#green{color:green;}<h1

id=“green”>一級標題是綠色</h1><p

id=“green”>本段文字是綠色</p>img

{float:

left;}段落寬度實例

/ReadNews.asp?N

ewsID=2629專題網站

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論