上學期在老師的帶領下學習了CSS，這學期自己看書，再重新復習，學習（上學期自己沒有學習到的東西），並把自己新接觸的做一個筆記。就像業界大牛說的那樣CSS語言不像編程語言，毫無邏輯可言，覺得相對於編程來說，CSS寫出來的是一個直觀的可視化的感性的這種。設計師就像是一個“手藝人”創造出一個富有表現力，生命力的“藝術品”。

新發現了一個屬性：@font-face規則在CSS3規範中屬於字體模塊，該規則的推出對於網頁設計來說是一個革命性的進步。在傳統設計中，設計師不敢使用各種藝術字體類型，甚至是常規字體也需要慎重使用。因為設計師必須考慮每位瀏覽者的系統中是否安裝了所有字體。有了@font-face規則，這個顧慮就可以放下了：只要在互聯網上指定一種字體類型源，而不管用戶電腦是否安裝該字體，設計的網頁都能夠正確顯示。配合字體的使用可以使我們的字體顯示為圖標。

對CSS基礎的一個整理

1.基本標簽

<p></p>
<span></span>
<h1></h1> (ps:h1-h6)

<dl></dl>
<ul></ul>
<form></form>
<a></a>

2.盒模型

盒尺寸的四個盒子：content box、padding box 、border box、和margin box、

盒模型是我們搭建框架的一個依據，我們根據盒模型對網頁進行排版，決定每一塊放在哪個位子。主要有margin 、padding 、border 三部分組成。

3.元素的分類

我們把所有的元素歸成三類：塊級元素、行內元素。

塊級元素生成一個元素框，它會填充其父元素的內容區，旁邊不能有其他元素。列表項是塊級元素的一個特例。除了表現方式和其他元素一致，列表項還會生成一個標記符——無序列表通常是一個圓點，有序列表中則是一個數字——這個標記符會“關聯”到元素框。

行內元素在一個文本行內生成元素框，而不會打斷這行文本。

display屬性的三個值：block、inline、list-item

4.浮動和定位

float（浮動）值：left、right、none、inherit（繼承）

position（定位）：值：static、relative、absolute、fixed、inherit （初始值是static）

以上是我的一個總結，我覺得最難的應該就是兼容問題和自適應問題。在實際應用中，因為電腦的尺寸不同，分辨率的問題會造成我麽制作的頁面偏離我們的設計效果，不同的瀏覽器有自己默認的“樣式"和”與生俱來"的屬性。

小小的總結一下CSS的一點基礎知識