JavaWeb學習之路(24)–初識CSS

1. HTML與CSS差別

HTML用來描述網頁的内容，而CSS用于給内容添加樣式。

如果把網頁設計比作房屋裝修，HTML内容就是房子裡有哪些家具——沙發、茶幾、床、餐桌，都是内容。

而CSS是對内容的進一步描述——沙發是幾座的？茶幾的大小？床的顔色？餐桌的高度？沙發和茶幾的距離？

也就是說，網頁上有什麼東西，是HTML決定的，但是這些東西的外觀樣式，是CSS決定的。

2. CSS有哪些功能

CSS可以描述字型、顔色、背景色、尺寸、距離、邊框、布局等方面的内容，功能還是比較多的。

3. 如何學習CSS

學習CSS的方法，很簡單，多學多練、不懂就問。

相對于HTML來說，CSS要更加複雜一點，更加抽象一點。但是總體上CSS還是一門設計語言，比較直覺，比較易懂的。

4. 系裡文章目錄

CSS學習之路(24)–初識CSS

CSS學習之路(25)–CSS如何應用到網頁上

CSS學習之路(26)–CSS之文本樣式

CSS學習之路(27)–CSS之字型樣式

CSS學習之路(28)–CSS之背景詳解

CSS學習之路(29)–CSS元素選擇器使用詳解

CSS學習之路(30)–CSS之id選擇器使用詳解

CSS學習之路(31)–CSS之class選擇器使用詳解

CSS學習之路(32)–CSS之注釋

CSS學習之路(33)–CSS之清單樣式

CSS學習之路(34)–CSS之邊框樣式

CSS學習之路(35)–CSS之分組選擇器

CSS學習之路(36)–CSS之嵌套選擇器

CSS學習之路(37)–CSS之尺寸

CSS學習之路(38)–CSS之外邊距

CSS學習之路(39)–CSS之内邊距

CSS學習之路(40)–CSS之表格樣式詳解

CSS學習之路(41)–CSS之顔色值

CSS學習之路(42)–CSS之盒子模型簡述

CSS學習之路(43)–CSS之顯示類型

CSS學習之路(44)–CSS之透明

CSS學習之路(45)–CSS之溢出

CSS學習之路(46)–CSS之僞類選擇器

CSS學習之路(47)–CSS内聯樣式/内部樣式表/外部樣式表

CSS學習之路(48)–CSS選擇器優先級

CSS學習之路(49)–CSS應用執行個體之按鈕

CSS學習之路(50)–CSS應用執行個體之圖檔

CSS學習之路(51)–CSS應用執行個體之導航欄

CSS學習之路(52)–CSS應用執行個體之下拉菜單

CSS學習之路(53)–CSS應用執行個體之布局