不知道有多少碼農和我一樣,css一直是一個軟肋,軟到全身酥麻。。。既然軟肋來了,只能是要想辦法解決,所以就找本CSS權威指南看一看,都說CSS權威指南這本書比較過時,但是內容還是比較充實的,而且內容基本上就是和你交談一樣,非常舒服,好了,下麵從正文說起。
一:為啥要學習CSS
當你知道CSS的歷史還是蠻有味道的,在很久很久以前,web上沒有css,只有一些html的標簽,比如p,h1…h5… div span,ul 等等,這些html標記
都是一個具有特定含義的html標簽,過去人很實在,不講究排版,只要內容是乾貨就好了,就比如現在的部落格園排版,簡潔美,我們這些碼農同樣也不在乎這
個,只要文章是乾貨就好,但是呢?web使用者不是程式員,他們才不講究乾貨不乾貨,他們講究外表,講究炫酷,講究如何的個性,這樣的話Html就扛不住了,
W3C組織就為了滿足這些人的胃口,提供了一些裝飾html標記的標記,比如strong,font,b,u等等。。。就比如下麵這樣。
你好
然後的然後,程式員就有了下麵這樣的抱怨了。。。
第一: 老子為了decorate個text,要寫無數個標簽,我操。。。多麻煩。。。
第二:馬丹,現在我們的頁面結構開始越來越複雜,這些幾把font, b壓根就不能重用,根本就是完蛋的東西。。。。高個毛啊。。。
第三:現在國家這麼窮,頻寬這麼貴,我的html體積真tmd的大,內容其實僅僅佔不到html的1/10。。。我的客戶有時候要幾分鐘才能開啟。。。這樣下去,
我要失業了。。
結果就這樣W3C招致網上程式員的罵聲一片,原本的想法就是想透過一些樣式的html標記來修飾html的結構內容,結果導致現在的一片混亂,而且頁面結構失
衡。。。面對三大問題,W3C就開始推出了CSS,這個裝修Html的層疊樣式表。徹底的解決了程式員提出的三大難題。。。
二:如何解決三大難題
1. 無數個標簽的問題
css採用一條條規則來decorate各個html的結構元素,規則的結構採用 “標簽+內容宣告” 的方式,比如: