在我們剛剛使用html的過程中，我們一定會遇到一些問題，諸如：調整，文字等標籤時，同樣意思但是屬性名不同的問題，以及塊屬性調整麻煩等問題，而css的出現就是為了解決這些問題。（本文僅僅從功能以及理解層面解釋，由於時間原因沒有具體**實現，詳情請結合w3scho
ol官方學習）
這是**於w3school的說法，個人理解來說css的作用在於幾點：1.通過各種選擇器實現樣式的復用 2.統一規範整個html的常用屬性設定，避免不同標籤屬性名不同的窘境。 3.通過css檔案以及link的使用，將樣式與html**分離開來，既保證了css檔案的復用，降低了樣式與html**的耦合，又提高了**的邏輯性以及美觀感。
1.派生選擇器（直接以標籤名作為樣式名）--即直接對於html的標籤進行樣式定義，值的注意的是這樣的話，會對整個html檔案的所有該標籤進行樣式修改，所以在大型的**編寫中，不建議使用，即使使用也是放在後代選擇器中結合使用。
2.id選擇器（#樣式名）--在html中id具備唯一性，可以視為身份證一樣的唯一標識，所以id選擇器也是作為唯一選擇器使用。但是，雖然id的意義在於唯一性，html並沒有這樣設定，也就是鎖id選擇器依舊可以讓多個標籤使用，不過不推薦這樣使用，因為會失去id選擇器的意義。
3.類選擇器（.樣式名）--在html中使用class表示的標籤均使用該選擇器，作為樣式復用的重要一環，可以將一些很通用的樣式放於class中並結合id使用。
4.屬性選擇器（[屬性名=「屬性值」]）--可配合派生選擇器來使用，設定所有具備這個屬性值的標籤的樣式。
5.後代選擇器（樣式名1 樣式名2）--對於樣式1中的樣式2的樣式作出設定
6.相鄰兄弟選擇器（樣式名1+樣式名2）--如果需要選擇緊接在另乙個元素後的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器
1.無論什麼樣式都可以對所有樣式屬性進行調整，但不一定會有效，比如非塊元素調整background等塊元素屬性是不會生效的，不過錯誤的屬性也不會影響後面屬性的有效性。
2.每條屬性相互獨立，但是具有順序性，重複的屬性後者會重置前者，且在有順序性的情況下，一些特殊的屬性會相互影響，如浮動float與清除浮動的clear會因為順序原因倒是**異常，如border等總屬性會直接覆蓋掉border-bottom等分屬性，在編寫時需要注意。
3.在大型專案中，由於需要的樣式太多，所以應該注意命名的規範以及樣式的復用，避免出現命名困難的現象。
4.內邊距的設定會直接增大寬高，影響布局。
5.可以使用line-height和text-indent對頭部的標題作出上下居中和空行處理，而不是使用邊距來進行處理，因為內邊距會直接增加寬高。
1.背景：background-image，background-color：設定塊屬性的背景資訊
2.文字：text-aligh：設定塊屬性內部的位置（居中左右等處理） text-indent：設定段落的首行空字元（em） word-spacing：設定字之間的間距 line-heigh：設定行距（可用於header部分左右居中）text-decoration：設定文字修飾（也可用於消除文字修飾）color：文字的顏色
5.**：border：主要用於設定邊框的樣式寬度以及顏色等。
7.框模型：使用width和height對寬度以及高度作出設定，既可以使用準確的畫素值進行設定，又可以使用百分數來設定，值的說的是由於高度的不固定所以height是無法直接使用百分比設定的，需要在外層塊中固定高度。
8.邊距：分為外邊距與邊距 外邊距margin和內邊距padding，邊距又分為上下左右（top，bottom，left，right）來控制，也可以使用margin與padding來總控制。
9.定位：position：主要分為相對定位（relation）：即與上個元素之間的間隔；絕對定位（absolute）：針對於整個視窗的絕對位置即最左上方；fixed：針對於瀏覽器的左上角的位置定位，常用於做廣告的處理，即頁面上下左右移動不會改變這個的位置。
10.浮動：float：用於塊的處理，因為塊元素（div，dl，p）等會直接換行處理，這對於頁面布局來說太過死板，所以可以通過使用浮動來控制塊的左浮動，右浮動，不過浮動，顧名思義會使得塊與普通的流相互隔離，即對於普通流蘭說，浮動的塊是不存在的，會直接影響頁面布局，所以建議大量使用浮動布局時，將每個塊的邊框設定好，以便解決一些問題。clear：清除浮動，浮動會直接繼承，如果不清除，則會繼承給後來的所有塊，這樣顯然不利於我們的布局。
基礎部分 CSS
通過依據元素在其位置的上下文關係來定義樣式，你可以使標記更加簡潔。在 css1 中，通過這種方式來應用規則的選擇器被稱為上下文選擇器 contextual selectors 這是由於它們依賴於上下文關係來應用或者避免某項規則。在 css2 中，它們稱為派生選擇器，但是無論你如何稱呼它們，它們的作用...
CSS部分基礎語法
一 行內式 使用方法 直接在標籤內新增style屬性，將屬性值設定為css樣式 表名稱 二 內部式 使用方法 在head標籤內新增style屬性，在屬性內新增如下樣式 標籤名 三 外部式 使用方法 在外部建立乙個css檔案，然後在html頁面的head標籤內新增link標籤，在link標籤中新增cs...
前端部分 CSS基礎介紹
css cascading style sheet，層疊樣式表 定義如何顯示html元素。也就是定義相應的標籤語言來定製顯示樣式達到一定的顯示效果。每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。引用css樣式的方式分為3種 1 便簽行內定義顯示方式 2 ...