1 CSS入門
在學習了基本HTML标簽和樣式後，接下來學習前端開發的第二門技術。
我們發現，雖然标簽的屬性可以調整一些樣式，但是效果不夠理想，而我們更願意把樣式編寫在<style> 标簽中，讓頁面設計更美觀更豐富，實際上，這是通過CSS實作的。那麼什麼是CSS呢？
如果說，HTML是網頁的"素顔"，那麼CSS就是頁面的"美妝師"，它就是讓網頁的外觀更漂亮！
[外鍊圖檔轉存失敗,源站可能有防盜鍊機制,建議将圖檔儲存下來直接上傳(img-UTbIOinv-1601634116973)(assets/css1.jpg)]
CSS (層疊樣式表——Cascading Style Sheets，縮寫為 CSS），簡單的說，它是用于設定和布局網頁的計算機語言。會告知浏覽器如何渲染頁面元素。例如，調整内容的字型，顔色，大小等樣式，設定邊框的樣式，調整子產品的間距等。
所謂層疊 : 是指樣式表允許以多種方式規定樣式資訊。可以規定在單個元素中，可以在頁面頭元素中，也可以在另一個CSS檔案中，規定的方式會有次序的差别（講解引入時說明）。
所謂樣式：是指豐富的樣式外觀。拿邊框距離來說，允許任何設定邊框，允許設定邊框與框内元素的距離，允許設定邊框與邊框的距離等等。
CSS發展簡史【了解】
CSS1：1994 年，Hkon Wium Lie 最初提出了 CSS 的想法，聯合當時正在設計 Argo 的浏覽器的Bert Bos，他們決定一起合作設計 CSS，于是創造了 CSS 的最初版本。1996 年 12 月，W3C 推出了 CSS 規範的第一版本。
CSS2：1998 年，W3C 釋出了 CSS 的第二個版本，目前的主流浏覽器都采用這标準。CSS2 的規範是基于 CSS1 設計的，包含了 CSS1 所有的功能，并擴充和改進了很多更加強大的屬性。
CSS3：2005 年 12 月，W3C 開始 CSS3 标準的制定，并遵循子產品化開發，是以沒有固定的釋出時間，而是一段時間釋出一些特性子產品。
CSS是一門基于規則的語言 — 你能定義用于你的網頁中特定元素的一組樣式規則。這裡面提到了兩個概念，一是特定元素，二是樣式規則。對應CSS的文法，也就是選擇器（selects）和聲明（eclarations）。
選擇器：指定将要添加樣式的 HTML元素的方式。可以使用标簽名，class值，id值等多種方式。
聲明：形式為屬性(property):值(value)，用于設定特定元素的屬性資訊。
屬性：訓示文體特征，例如font-size，width，background-color。
值：每個指定的屬性都有一個值，該值訓示您如何更改這些樣式。
格式：
舉例：
視訊老師了解資料 格式簡介：文法由一個 選擇器(selector)起頭。 它 選擇(selects) 了我們将要用來添加樣式的 HTML元素。 在這個例子中我們為一級标題添加樣式。 接着輸入一對大括号{ }。 在大括号内部定義一個或多個形式為 屬性(property):值(value); 的 聲明(eclarations)。每個聲明都指定了我們所選擇元素的一個屬性，之後跟一個我們想賦給這個屬性的值。 冒号之前是屬性，冒号之後是值。不同的CSS 屬性(properties) 對應不同的合法值。在這個例子中，我們指定了 color 屬性，它可以接受許多 顔色值(lor values)。 還有 font-size 屬性， 它可以接收許多 size units 值。
在初始頁面的<body>标簽中，加入一對<h1> 标簽。<h1>标簽規定的固定的标題樣式。
在<head>标簽中加入一對<style> 标簽中，表示準備應用樣式。
編寫樣式
打開浏覽器檢視，文字的顔色和大小都發生改變，應用了新的樣式，效果如圖：
打開開發者工具
打開浏覽器，點選鍵盤F12鍵，顯示開發者工具視窗。
檢視開發者工具
示範選擇元素
示範修改樣式
CSS是對HTML的補充，指定頁面如何展示的語言。
CSS的主要部分有：
選擇器：用來選擇頁面元素的方式。
聲明：用來設定樣式，格式屬性名：值。
在學習CSS時，要抓住兩個方面：
掌握多種選擇器，能夠靈活的選擇頁面元素。
掌握樣式的聲明，能夠使用多種屬性來設定多樣的效果。
![龍珠訓練營task04[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)