2017-11-24 13:57:40
CSS：Cascading Style Sheets，也就是層疊樣式表。在制作網頁的時候采用CSS樣式，可以有效的對頁面的布局，字型，顔色，背景和其他效果實作更加精确的控制。隻要對相應的代碼做一些簡單的修改，就可以改變整個頁面的風格。CSS大大提高了開發者對資訊展現格式的控制能力，特别是在目前比較流行的CSS + DIV布局的網站中，CSS的作用更是舉足輕重。
在網頁中使用CSS樣式不僅可以美化頁面，而且可以優化網頁的速度。因為CSS樣式表檔案隻是簡單的文本格式，不需要安裝額外的第三方插件。另外，由于CSS提供了很多的濾鏡效果，進而避免了使用大量的圖檔，這樣将大大減少檔案的體積，提高下載下傳速度。
CSS 概述
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中，是為了解決内容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在 CSS 檔案中
樣式表定義元素怎樣去顯示.外部樣式表能夠讓你改變所有出現在你WEB中的外觀和布局,而僅僅通過編輯一個單獨的CSS文檔.(原理就是一動多變)。
CSS是一個在設計領域中的突破,因為它允許開發者一下就能控制多個WEB頁的樣式和布局.作為一名WEB開發者你可以為每個HTML元素和應用他的每個頁面定義一個你想要的樣式.來實作全面的改變,簡單的改變樣式,所有與之相關的元素都會自動更新。
多個樣式的優先級：行内樣式(在一HTML元素内)>内嵌樣式表(在<head>标簽内)>外部樣式表>浏覽器預設
CSS的文法由三部分組成: 一個選擇器，一個屬性和一個值.
例如：selector {property: value}
在html中使用CSS樣式：
外部樣式表
使用外部樣式表是使樣式應用于多張網頁的理想方法。通過這個方法你隻需改動一個檔案就能改變整個網站的外觀。使用<link>标簽讓每個頁面都連接配接到樣式表。<link>标簽在head區域使用。
内嵌樣式表
内嵌樣式表應該在當有單獨文檔有特殊樣式的時候使用。使用<style>标簽在head區域内定義樣式。
行内樣式表
在相關的标簽上用style屬性來加入行内樣式。樣式屬性可以包含任何CSS屬性。例子中将展示怎樣給一個段落加上左間距并将顔色改為red。
![龍珠訓練營task04[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)