CSS 那麼多屬性，而且每個屬性都有多個值怎麼記？

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。CSS如此好，那麼問題來了CSS如此好而且屬性那麼多，沒個又有多個值該如何記？是一個比較棘手的問題，下面給大家來說說如何記CSS的屬性和屬性值。

將CSS理解為HTML的化妝師。每天化妝的步驟很繁瑣但是愛美的人還是每天不惜大把時間去一步步化妝，將自己打扮的漂漂亮亮的。當我們要記CSS的屬性和屬性值的時候我們可以拿其當化妝的步驟來記。比如我們要寫一個頁面的CSS，第一步要將瀏覽器的默認值都清空，就好比我們化妝之前先要講臉上的灰塵清洗乾淨一樣。那麼瀏覽器的默認值margin和padding不也就可以記住了么。

將CSS的屬性和屬性值與生活中的東西相結合去記。拿我們生活中的快遞包裹來說，我們經常在網上購買一些東西，那麼我們可以把這些東西看做是我們CSS的盒子模型。

例如，我在網上買了一個玻璃杯子，那麼這個杯子就好比我們頁面中的內容的寬度和高度，因為杯子自身也是有寬度和高度的。

那麼商家在郵寄這個玻璃杯的包裹中為了防止這個玻璃杯中途碰撞碎了，因此商家會在包裹里添加一些泡沫或者抗震輔料，那麼這個可以看做是我們頁面中的內容和邊界之間的距離，CSS中的padding屬性，這些抗震輔料可以四周填充也可以只填充某一個方向，因此我們可以設置一個值、兩個值、三個值、四個值，還可以單獨設置某一方向值。

那麼這個padding不就記住了么，這些泡沫再怎麼填充也不會跑到盒子的外邊所以他是不能設置負值的，快遞盒子就相當於是我們網頁中的邊框，每天快遞小哥的車上不只有一兩個快遞，那麼每個快遞盒子之間的空隙就是我們網頁的外邊距margin，由於快遞比較多，快遞小哥想多送一些快遞好增加收入，有時候會將某些盒子的某一部分伸到車廂外部，只要保證其不掉出就好了，那麼說明我們的margin是可以設置負值的，如此將其每個屬性及其值都與生活中的事物相結合我們自然也就記住了。

總之，無論怎樣記，這個東西都要經常用才是，不然時間久了早晚你會忘記的，所以沒事多些一下項目勤加練習是很有必要的哦！

來源：千鋒HTML5

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！