總結一些以前模糊沒弄明白的概念.
1.display 屬性
div、h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即「塊框」。與之相反，span 和 strong 等元素稱為「行內元素」，這是因為它們的內容顯示在行中，即「行內框」。
您可以使用 display屬性改變生成的框的型別。這意味著，通過將 display 屬性設定為 block，可以讓行內元素（比如 元素）表現得像塊級元素一樣。還可以通過把 display 設定為 none，讓生成的元素根本沒有框。這樣的話，該框及其所有內容就不再顯示，不占用文件中的空間。
但是在一種情況下，即使沒有進行顯式定義，也會建立塊級元素。這種情況發生在把一些文字新增到乙個塊級元素（比如 div）的開頭。即使沒有把這些文字定義為段落，它也會被當作段落對待：
2.position 屬性
通過使用 position 屬性，我們可以選擇 4 種不同型別的定位，這會影響元素框生成的方式。
position 屬性值的含義：
static
元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。
relative
元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。
absolute
元素框從文件流完全刪除，並相對於其包含塊定位。包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成乙個塊級框，而不論原來它在正常流中生成何種型別的框。
fixed
元素框的表現類似於將 position 設定為 absolute，不過其包含塊是視窗本身。
h23.點.的作用
.important 表示所有的元素上都可以應用
p.important 表示只在p上應用
h1.important 表示只在h1上應用
而不需要在應用時輸入class="p.important", 直接class="important"即可.
this paragraph is very important.
this is a paragraph.
this is a paragraph.
this is a paragraph.
4.id 選擇器
首先，id 選擇器前面有乙個 # 號 - 也稱為棋盤號或井號。
請看下面的規則：
*#intro 與類選擇器一樣，id 選擇器中可以忽略通配選擇器。前面的例子也可以寫作：
#intro 這個選擇器的效果將是一樣的。
第二個區別是 id 選擇器不引用 class 屬性的值，毫無疑問，它要引用 id 屬性中的值。
以下是乙個實際 id 選擇器的例子：
this is a paragraph of introduction.
類選擇器還是 id 選擇器？
在類選擇器這一章中我們曾講解過，可以為任意多個元素指定類。前一章中類名 important 被應用到 p 和 h1 元素，而且它還可以應用到更多元素。
區別 1：只能在文件中使用一次
與類不同，在乙個 html 文件中，id 選擇器會使用一次，而且僅一次。因為乙個html文件裡, 相同的id只能有乙個.
5.超連結樣式
a:link /* 未訪問的鏈結 */
a:visited /* 已訪問的鏈結 */
a:hover /* 滑鼠移動到鏈結上 */
a:active /* 選定的鏈結 */
在 css 定義中，a:hover 必須位於 a:link 和 a:visited 之後，這樣才能生效！a:active 必須位於 a:hover 之後，這樣才能生效！
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...