上幾節我們把HTML相關的必要知識點給大家已經講完，剩下的細節大家可以查閱資料再進行深入研究。從這一節開始，我們正式進入CSS的學習，在學習之前我們先介紹幾個概念。
第一，什么是CSS？
第二，為什么需要CSS？
第三，怎么使用CSS？
首先，什么是CSS？CSS 是一種描述 HTML 文檔樣式的語言，CSS 描述應該如何顯示 HTML 元素。CSS 官方名稱為層疊樣式表 (Cascading Style Sheets)。下面我們來看一個CSS的使用效果，下邊的代碼<style>標簽內部就是CSS：
那么，為什么需要CSS，我們要知道HTML的功能更多的是用來展現數據，而HTML也有屬性可以控制元素的樣式，但是如果只使用HTML自帶的屬性樣式，那幾乎每一個標簽都需要添加屬性，修改起來會特別費勁，而且不能夠重復的使用。還有就是HTML自帶的屬性樣式沒有CSS多樣化和專業，我們使用CSS來約束HTML樣式可以自由控制，在正式編程中我們一般會把CSS文件和HTML單獨放置，做到網頁內容和樣式分離，簡潔明了，比較容易管理，例如下邊的例子，我們可以調用不同的CSS單獨應用到HTML，使得樣式單獨管理。
了解了前兩點內容后，我們應該怎么使用CSS呢一般情況下我們有三種使用CSS的方式：
有三種插入樣式表的方法：行內 CSS內部、CSS和外部 CSS。
行內 CSS：
行內樣式（也稱內聯樣式）可用于為單個元素應用唯一的樣式。如需使用行內樣式，可以將 style 屬性添加到相關元素，style 屬性可包含任何 CSS 屬性，下邊的例子我們可以看到CSS被寫在HTML標簽內部，使用style 屬性應用CSS：
內部 CSS：
如果一張 HTML 頁面擁有唯一的樣式，那么可以使用內部樣式表，內部樣式是在 head 部分的 <style> 元素中進行定義，我們可以看到下邊的例子將<style> 元素放在HTML<head>標簽內部實現樣式應用：
外部 CSS：
外部CSS也是我們正式開發中最常用的方式，也是我們應該優先考慮的方式。通過使用外部樣式表，只需修改一個文件即可改變整個網站的外觀，下邊的例子將CSS單獨保存為.css后綴的樣式文件，通過HTML<link>標簽調用CSS文件，每張 HTML 頁面必須在 head 部分的 <link> 元素內包含對外部樣式表文件的引用。：
外部樣式表可以在任何文本編輯器中編寫，并且必須以 .css 擴展名保存，外部 .css 文件不應包含任何 HTML 標簽。”mystyle.css” 是這樣的：
以上我們介紹了CSS以及CSS在HTML中的調用方式，關于CSS怎么寫可以先不考慮，只要知道怎么調用就可以了，詳細的使用寫法及規則我們會在后續章節詳細講解。
相關推薦
css怎么用，divcss布局經典實例
雖然CSS簡單，但CSS是一門非常有意思的語言，CSS每年都有變化，而且都有不同的博主都在不同的時間段總結一些CSS的新特性。雖然這些新特性無法立刻得到眾多瀏覽器的支持，但總是隨著…
網頁設計css是什么意思（解析有關CSS代碼所有知識）
CSS代碼長什么樣？ CSS的代碼是類似 json 數據的鍵值對，也就是key : value，當然，每一句都必須以分號（；）結束，切記，沒有分號會出問題的。 其實類似 json …
簡述什么是css以及css的作用（詳解css概念和作用）
聊起css，印象最深刻的就是剛畢業那會剛開始從事前端開發崗位工作的時候，身為一名 cut picture boy(切圖仔)，在頁面布局及還原設計圖中廣泛使用css來開發頁面，我記得…
css新特性有哪些（詳細介紹css的9大新特性）
1、透明度 rgba和opacity都可以設置透明的。 rgba(red, green, blue, alpha)：alpha是0-1透明度，0時顏色為完全透明，1是完全不透明。 …
超出顯示省略號兼容寫法（css文字溢出變省略號）
說說css最常見的知識，實現單行、雙行文本溢出顯示省略號！如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來，當然還需要加寬度wi…
css下拉列表怎么設置（css實現下拉菜單效果）
大多數網站中，下拉菜單效果基本常見。在實現技術方面，實現該效果的方法也很多，今天就來說說純CSS樣式來實現常見的下拉菜單，有興趣的小伙伴可以參考下： 實現效果如下： 鼠標未移上前 …
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。