局部套用CSS樣式

本章學習的主要內容 1、怎樣在網頁中添加和應用CSS樣式 2、添加三種類型的樣式 自定義樣式 重定義的HTML標簽 組合選擇器樣式 3、實驗內容及其要求 第7章 使用文本樣式設計 了解CSS樣式定義 1、級聯樣式表(Cascading Style Sheets)樣式是網頁元素外觀屬性的集合。樣式可以定義文本、表格、圖像、表單等各種網頁元素的外觀。 2、好處：使用定義好的樣式，可以在整個站點內的文件中使用，這樣既保證了站點風格的一致性，又提高了工作效率。 3、CSS樣式具有很高的工作效率，還因為它可以單獨生成樣式表文件，擴展名為*.CSS。 4、CSS樣式是通過名稱或HTML標簽識別的。這樣當改變樣式屬性并應用它時，只要查看文本就可以立即看到改變后的文本外觀。 5、CSS樣式表放置在文檔的HEAD區(qū)域并將定義一系列樣式。 6、手動添加的文本格式可優(yōu)先于樣式。如果要使樣式控制段落格式，請刪除所有其他的格式設置。 CSS在頁面中的使用方式 1、按照定義的CSS的方式，CSS在頁面中的使用方式主要有三種不同的類型： 局部套用CSS樣式。將CSS語法定義在HTML標記旁邊，這時定義的樣式只能影響該HTML標記，對于其他的HTML標記則無影響。 在頁面開頭定義。這種方式是將CSS樣式表寫在標簽之間，內置到HTML的頭部，CSS樣式將影響整個頁面，這種方式使用于單個頁面的情況。 鏈接外部樣式表。將編輯好的CSS樣式表存為CSS文件，其擴展名為.CSS，在設計網頁的過程中可以采用鏈接的方式將編輯好的CSS樣式表套用在頁面中，而無須在HTML中出現CSS語法，采用這種方法有個很大的優(yōu)點，就是可以一次讓多個頁面同時使用一個樣式表，當更新或修改CSS樣式表的源文件.CSS時，所有使用該CSS樣式表的頁面將自動更新。 Dreamweaver中所能定義的CSS樣式 1、類(可應用于各種標簽)(HTML標簽樣式)。即自定義CSS樣式，可以將CSS自定義樣式應用到任何范圍或任何文本段中。該樣式可重新定義某些特殊標簽的格式。 2、標簽(重新定義特定標簽的外觀)(自定義CSS樣式)。標簽樣式將重新定義標簽的格式，當重建或修改標簽的CSS樣式時，所有以該標簽格式化的文本都將更新。 3、高級(ID、。上下文選擇器等)(級聯樣式表選擇器樣式)。CSS選擇其樣式將重新定義一些標簽的特定格式或包含某指定屬性的所有標簽的格式。該樣式可重新定義某些特殊的標簽組合。 在網頁中添加樣式 CSS樣式包括 1、自定義樣式：自定義樣式需要選定應用對象，然后進行應用。使用CSS樣式可以定義文本的字體變化、字間距和行間距變化以及邊框效果等多重屬性。 2、重新定義的HTML標簽：重新定義的HTML標簽不需要應用。網頁中的該類標簽都將自動生效。 3、選擇器樣式：選擇器樣式不需要應用，直接生效。 a:link 控制網頁中鏈接文本的普通狀態(tài)外觀 a:active 控制當前活動的超級鏈接文本的外觀 a:hover 控制的是鼠標懸停狀態(tài)下超級鏈接文本的外觀 a:visited 控制的是已經訪問的超級鏈接文本的外觀 CSS樣式定義的選項說明 CSS樣式定義包括8大分類： 類型 背景 區(qū)塊 方框 邊框 列表 定位 擴展 導出樣式表文件 要使單個文檔中的樣式應用到其他文檔，可以將其中的樣式導出為樣式表文件，這樣，Dreamweaver可以通過樣式表鏈接，使整個站點具有相同的樣式設置。 具體操作步驟如下：文件－－－導出 鏈接外部樣式表文件 外部樣式表是一個僅包含樣式規(guī)則的文本文件。編輯外部樣式表將影響到所有鏈接引用它的文檔，用戶可以將樣式表文件復制到自己的站點內，然后引入文檔中。 步驟： 省略 實驗內容及其要求 1、按提供的圖像和文字制作完成的網頁。實例中Exp8－9\sucai08、sucai09文件夾中找到相關的素材。 2、通過實驗，了解如何在網頁中添加樣式，定義CSS樣式有三種：類、標簽和高級，分別如何設置這三類樣式。掌握創(chuàng)建CSS樣式的方法，以及如何在網頁中附加外部CSS樣式表。 作 業(yè) 思考練習題 P182 1----5

總結

以上是生活随笔為你收集整理的css的样式局部作用,局部套用CSS样式.PPT的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。