CSS(層疊樣式表)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。 CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力,并能夠進行初步交互設計,是目前基于文本展示最優秀的表現設計語言。CSS能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。 有三種方法可以在站點網頁上使用樣式表: 外聯式Linking(也叫外部樣式):將網頁鏈接到外部樣式表。 嵌入式Embedding(也叫內頁樣式):在網頁上創建嵌入的樣式表。 內聯式Inline(也叫行內樣式):應用內嵌樣式到各個網頁元素。 其中,優先級:內聯式 > 嵌入式 > 外聯式
方法/步驟分步閱讀
1
/5
CSS(Cascading Style Sheet,可譯為“層疊樣式表”或“級聯樣式表”)是一組格式設置規則,用于控制Web頁面的外觀。通過使用CSS樣式設置頁面格式,可將頁面的內容與表現形式分離。
2
/5
外部式:
(1)用法:當要在站點上所有或部分網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網頁上。
(2)舉例:通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進來。
3
/5
內嵌式:
(1)用法:當人們只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表,“嵌”在網頁的 標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。
(2)舉例:在 MicrosoftFrontPage2000中,某些格式設置特性會作為內嵌樣式自動應用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應用框,FrontPage 會寫下格式設置信息,作為段落標記符的內嵌樣式屬性。
4
/5
行內樣式:
行內樣式就是直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。通過這種方法,可以很簡單地對某個元素單獨定義樣式。
5
/5
優越性:CSS目前最新版本為CSS3,是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言,CSS能夠對網頁中的對象的位置排版進行像素級的精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力,并能夠進行初步交互設計,是目前基于文本展示最優秀的表現設計語言。
Css中文可以叫做層疊樣式表或者風格樣式表,在網頁中使用CSS可以為網頁添加裝飾效果,提升用戶體驗和html一樣,他雖然是開發人員,經常使用的語言,但不是變成語言的范疇,這是我們需要注意的地方Css作為一種前端開發必須掌握的基礎語言,有它自身獨特的優勢,使用大會為我們的開發帶來一系列的好處,所以在開發中應該完全杜絕使用html自身樣式達到裝飾效果的想法,也就是說,在外觀方面的要求應該盡可能使用css來實現
CSS樣式分為:內聯式css樣式、嵌入式css樣式、外部式css樣式;不包括類樣式表
對CSS三種樣式定義及其實例:
內聯式css樣式。
內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中,如下面代碼:
css樣式代碼要寫在style=""雙引號中,如果有多條css樣式代碼設置可以寫在一起,中間用分號隔開(英文狀態下;)。
嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式代碼寫在標簽之間。如下面代碼實現把三個標簽中的文字設置為紅色:
嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名(也可以為調用其他網站CSS)。
注意事項:
1、css樣式文件名稱以有意義的英文字母命名,如
main.css
。2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。
3、標簽位置一般寫在標簽之內