1.css選擇器的應用:
壹般來說,要編寫css,必須先定義壹個id或類,然後才能使用它。事實上,定義id或類的元素後面可以跟有後代。舉個例子,
& ltdiv id = " test " & gt
& ltp & gtxxxxxxxxxx & ltspan & gtxxxxxxxxx & lt/span>。xxxxxxxxxxxxxxxxx & lta href = " # " & gtxxxxxxxx & lt/a & gt;& lt/p & gt;
& lt/div & gt;
有了這個結構,就可以使用div下的元素了。
#測試p
#測試跨度
#測試a
這樣定義和寫類是壹樣的,方便保存每個元素的名字。
2.2.css的級別:
css有很多層次。簡單說幾個。
內嵌樣式> id定義的樣式>;用類定義的樣式
妳什麽意思,就像裝滿了這個
& ltstyle & gt
#test{font-size:16px}
。測試{font-size:14px}
& lt/style & gt;
& ltp id = " test " class = " test " style = " font-size:12px " >xxxxxxxxxxxxxx & lt/p & gt;
最終執行的樣式是font-size:12px。相同的樣式會被最高級覆蓋,不同的樣式不會影響。這可以用來對風格進行詳細分類。
另壹個有用的級別規則是,定義越詳細,級別越高,比如剛才的例子。
& ltdiv id = " test " & gt
& ltp & gtxxxxxxxxxx & ltspan & gtxxxxxxxxx & lt/span>。xxxxxxxxxxxxxxxxx & lta href = " # " & gtxxxxxxxx & lt/a & gt;& lt/p & gt;
& lt/div & gt;
如果我寫css:
a{font-size:16px}
#測試a{font-size:14px}
#測試p a{font-size:12px}
那麽上面代碼中A標簽的字體大小就是12px,所謂定義細節就是妳要定義的元素的父標簽的細節。
3.3 .等級的覆蓋範圍:
這意味著您可以編寫多個類,例如
& ltp class = " class 01 class 02 class 03 " >xxxxxxxxx & lt/p & gt;
這個p標簽定義了三個類,它們都將生效,而後者將覆蓋前者。
例如,這三個類是
. class 01 { font-size:16px;顏色:#333}
. class 02 { font-size:14px;font-weight:bold}
. class 03 { font-size:12px;font-family:"SimSun"}
最後實現顏色、字體粗細、字體家族三個屬性,而字體大小實現12px,認為class03寫在最後,可以用來實現多種風格搭配,組合出新的風格。
我個人認為這才是最重要的。至於兼容性和css3,我說不清楚。總之,想學就需要多學多練,除此之外別無他法。