出處：
注：本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school（ ）進行系統學習。
學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。
1.css的作用：用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將**變得臃腫。
2.css的應用方式
（1）內聯樣式：在標籤中包括乙個style屬性，並在其後定義css屬性及值，例如：
hello world!
（2）文件級樣式表：將一系列樣式規則羅列在html文件開頭，處於內的之間，它可以改變外部樣式表中定義的乙個或多個規則，建立乙個個性化的文件，適用於單個html檔案。
注意：三種樣式表作用域不同，同時存在時的頁面處理原則為：
3.css語法：
選擇符+屬性（屬性名+屬性值）。
例如：h1 2）屬性選擇器：將樣式應用到具有某乙個特殊屬性的標籤中：作用於align屬性為right的
元素 div[alige=right]
3）群組選擇器：將幾個便簽相同的選擇器寫在一起：
p,u1,u2,u3
4） （2）類選擇器：處理具有統一名稱但是有不同格式的標籤時使用。在標籤中使用 class=類名 就可以指明使用該選擇器規定的樣式了。
1）常規類：標籤名.類名{}，例如：
font.big
font.small
使用時：
hello, a
hello, b
2）一般類：不與特定標籤相連，以.為字首定義。
3）偽類：用於特殊用途，最常用的是超連結的3種狀態（在此只討論這三種狀態）：未訪問、正被訪問、已訪問。定義方式為：a:類名{}。其中類名為link/active/visited。在html中使用a標籤進行使用。
#main p
（4）派生選擇器：或叫做上下文選擇器 (contextual selectors)，派生選擇器允許你根據文件的上下文關係來確定某個標籤的樣式，無需指定class或者id。通過合理地使用派生選擇器，我們可以使 html **變得更加整潔。你希望列表中的 strong 元素變為斜體字，而不是通常的粗體字，可以這樣定義乙個派生選擇器：
li strong
使用：我是斜體字。這是因為 strong 元素位於 li 元素內。
我是正常的字型。
5.css屬性：大多使用派生選擇器形式來定義。
6.css設計方法
（1）繼承：允許樣式不僅可以應用於某個特定的元素還可以應用到它的後代中。可以自己使用important!定義優先順序，注意其總是放在規則宣告的最後，分號之前。
（2）盒模型：假設html元素都可以裝在乙個矩形框內，由內到外依次是內容、間距、邊框、邊距。ie和firefox對盒模型的解釋不一致。這是乙個充滿相對性的概念，比較重要。background-color將填滿border內部的全部範圍；background-image預設以左上角對齊border內部左上角點，然後完整顯示整個（超出部分不予顯示），如果尺寸不足鋪滿整個範圍，預設重複自己直至鋪滿或超出範圍； background-image將疊加到background-color之上；通過指定的對齊方式，可以改變background-image的位置；
通過以上這些規則的組合，就能在有限的元素組合下，實現各種修飾性效果。
出處：
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...
css學習筆記
一 font 字型 1 font family 示例 2 font size 字型大小大小 示例 p p p 3 font style 字型樣式 引數 normal 正常的字型 italic 斜體。對於沒有斜體變數的特殊字型，將應用oblique oblique 傾斜的字型 示例 p p p 4 f...