css，中文名：層疊樣式表。是一種用來表現html等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
css 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字型大小樣式，擁有對網頁物件和模型樣式編輯的能力。
我們可以簡單的來理解它的作用，它作為乙個可以設定部件風格，色彩，樣式，以及調配各部件之間的關係等等一系列的操作，怎麼說呢，它能起到的作用比我們想象的要強大。我們可以通過它實現一張網頁的大部分美化，也可以使用它使我們的網頁不單單侷限於乙個二維的平面。
和html類似的，css也可以使用記事本編寫，完成後只需要將格式改為.css檔案即可。
內鏈css鏈結到網頁上的方式有兩種，現在我們先來說一下簡單的內鏈方式。
標籤內屬性
標籤內部的屬性設定在我看來也是屬於css的範疇之內的，所以我把這部分放在這裡，做乙個總結。
在每個標籤裡面，我們會發現存在乙個style的關鍵字，通常我們是這樣使用它的：
style="·····">
a>
這樣的在標籤內部加入的屬性設定，我把它歸為css內鏈的標籤內屬性這一類。但很明顯的，我們會發現這樣有乙個問題：雖然這樣寫可以非常方便看到這個標籤攜帶的屬性，但我們在後面使用的時候會發現，拋開檔案的長度大大增加這一點不說，我們在後期修改或者維護的時候會變得很麻煩。大量的屬性**佔據的大部分的**頁面，會使我們找到目標標籤變得麻煩[^18]，所以我們想要一種能將屬性設定集中的方法，來簡便我們的查詢和後期除錯。
所以，在內的全域性屬性定義就出現了。
內的全域性屬性定義
在這裡，我們會講到中的另乙個用途：作為全域性屬性定義存放位置的標籤。
我們先來一用乙個例子：
*.universal
#top
#topimg
img#topfor
#topfor
astyle>
head>
要注意的是，因為我們是在中定義的css**，所以它的作用範圍就不像之前的那樣只限於乙個標籤本身，它的作用範圍是整個內及它本身的所有標籤和結構。所以我們可以看到，在中的css書寫要更整齊，更明了。而且它帶來了乙個非常好的效果：我們可以讓像同式的標籤公用同乙個css塊，這樣就會縮短**長度，並且加快瀏覽器的解析速度。
那麼現在我們面臨的問題就不多了，只有在我們想對這個網頁整體換個風格時，才會發現這樣乙個乙個的改屬性實在是太要命了。而且在本質上我們並沒有讓html頁的長度縮短多少。網頁的結構也依然不能很清晰的展現在我們眼前。所以我們需要一種能快速替換絕大部分設定，並且能大幅度縮短**長度，隱去和主體無關的樣式設定的方式，外鏈就是個不錯的選擇。
外鏈 css的外鏈，就是新建立乙個檔案用來儲存css**，然後匯入到目標html檔案中，前面我們已經介紹過外鏈的好處，在前文我們也介紹過d的用法。那麼下面我們來看一看如何將外部的css檔案匯入html檔案中
我們以乙個最簡單方便的例子來詳細的說明如何匯入外部檔案：
我們的在html檔案放在桌面上名為test的資料夾裡，我們在該資料夾裡在建立乙個文字文件，名字取為teststyle，將該檔案的格式改為.css檔案，接下來，我們在html檔案中加入匯入外鍊錶的說明。
rel="stylesheet"
type="text/css"
href="mystyle.css" />
type="text/css">
style>
head>
在了解到了css的外鏈和內的全域性屬性定義後，我們不免會有這樣乙個問題：」怎麼讓瀏覽器知道我的屬性設定是給誰都寫的呢？一張網頁裡有這麼多的標籤。」我們在這裡使用使用id和class來結局這個問題，下面我們來介紹css中的id命名。
在基本上每個標籤中，都有這樣乙個屬性，它不包含在中，它用來命名標籤的id：
id="div7">
div>
#div7
特別的，對於css的命名，提供了二級命名，也就是我們不只可以命名到id或者後面的class，我們可以直接命名到該id或clss下的一類標籤。
我們舉乙個例子來看：
div> 在這個例子中，我們看到我們為乙個命名屬性為topfor，但在css檔案中卻有兩個含有#topfor的定義。這就是css的二級定義，在第二個定義中，其實是直接定義到了id為topfor的標籤下的中。也就是說第二個名稱為#topfor a的定義的物件已經不是名稱為topfor的了，而是越過了它直接定義到了它內涵的所有標籤中。這就是我認為的二級定義。
在了解了id的命名規則後，我們再來說一說css的class命名，與id類似的，我們也是對class進行這樣的宣告和定義屬性：
class="div7">
herf="#">
a>
div>
.div7
.div7
a
我們在使用clss屬性時往往都是使用它搭建乙個模板，來讓多個物件使用它。是我們的網頁中的相似區塊的屬性渲染更簡單方便。而id一般用來進行單獨的標籤屬性渲染。我們可以配合使用它們來進行網頁的渲染。
ps 需要注意的，class、id、標籤內style屬性配置是有優先順序區分的。在優先順序中，標籤內屬性優先順序是最高的，而class的優先順序是最低的。所以在我們製作網頁時，可以利用優先順序的順序來是我們的**簡化，我們可以使用class來對所有的相似布局進行乙個大致的定義，然後使用id屬性來對每個結構進行細的屬性設定[^20]或者更改。要注意的，在這三個屬性設定中我們可以寫入相同型別的屬性，然後給他們賦值不同的值或者是同一型別不同屬性的定義，在瀏覽器解析時會根據優先順序來自動的覆蓋掉這些相同屬性，最後只顯示優先順序最高的屬性設定。
css的屬性有非常多的型別和選項設定，我們就不一一舉例了，詳細的可以參照文末的鏈結檢視，我們來說一下css的屬性包括哪幾個方面：
css的屬性有非常多的型別和選項設定，我們就不一一舉例了，詳細的可以參照文末的鏈結檢視，我們來說一下css的屬性包括哪幾個方面：
當然，css的屬性分類有很多，它的屬性也不只是只有這麼一點，在這裡我也只是僅僅舉例說明css的一些屬性。我們可以在文末的鏈結中進行詳細的檢視學習。
[1] :
HTML學習心得
去年暑假學校安排的實習也對html有過接觸，那時只是知道html是用來寫網頁的，老師也只是帶我們簡單的做了一下網頁，對一些基礎知識沒有多少了解，雖然最後網頁也按時完成了，但是基本上都是在老師的幫助下完成的，自己沒有多大感觸，只是覺得這個東西好玩而已。上週開始又對html進行了重新學習，對於html才...
學習心得（4）
11.15 洛谷題沒有寫過很多 問題也不多 主要是狂補了學校oj的usaco題 題目質量都挺高，都值得記錄 usaco training 1.1.4 broken necklace 這題開始的想法就是先遍歷剪下點 然後往兩邊開始比較直到遇到不是w或者非異色的珠子 開始是想把開頭結尾作為乙個間斷點 然...
對於HTML的學習心得
對於html的學習心得 1.首先個人感覺html以及css，js，jquery等學習使比較瑣碎的，對於這門課程的學習，死記硬背不太適用，需要在嘗試中不斷學習。學習ps的時候，老師給我們講ps是選擇的藝術，我覺得這門課程也有著選擇的重要性，要在選擇嘗試中不斷改進，使得成果更讓人賞心悅目。在最後一次大作...