.bigdiv{width:670px; overflow:hidden; text-align:left; margin:auto;}
.bigdiv dd{text-slign:left;}
dl,dt,dd{padding:0; margin:0; overflow:hidden;}
.bigdiv dl{width:335px; float:left; overflow:hidden;}
.bigdiv dt img{width:285px;}
.bigdiv dt{ text-align:center; padding:5px; background:#e7e7e7; border:1px solid #c4c1c1; width:285px; height:163px; margin:auto;}
.bigdiv dd{width:295px; height:112px; margin:auto; line-height:28px; margin-top:10px; margin-bottom:15px;}

學(xué)習(xí)HTML、CSS的基礎(chǔ)知識(shí),解讀各種常用標(biāo)簽的意義以及用法,打好基礎(chǔ),為后期的項(xiàng)目實(shí)戰(zhàn)做準(zhǔn)備。

進(jìn)入實(shí)戰(zhàn)環(huán)節(jié),難度層層遞進(jìn),動(dòng)手切一個(gè)簡(jiǎn)單和一個(gè)復(fù)雜的頁(yè)面,并在切圖的過(guò)程中講解各種常用CSS屬性的作用。

解讀一些常見(jiàn)的css bug,學(xué)習(xí)如何調(diào)整各種瀏覽器的兼容性,如IE6、IE7、IE8、IE9、IE7、chrome、firefox、safari,并講解如何用CSS HACK去處理兼容性問(wèn)題。

講解一些書(shū)本上無(wú)法學(xué)到的css的技巧,比如CSS Sprites技術(shù)及其優(yōu)化,頁(yè)面構(gòu)建的審圖與細(xì)節(jié),隱形交互設(shè)計(jì)元素的判斷等。

學(xué)習(xí)css3和html5的相關(guān)知識(shí),講解了HTML5與CSS3對(duì)頁(yè)面工作帶來(lái)的息息相關(guān)的變化和精彩,并解讀其對(duì)用戶(hù)體驗(yàn)?zāi)軒?lái)哪些影響。

學(xué)習(xí)修改一些jquery插件的CSS樣式,并運(yùn)用到網(wǎng)站案例中去,通過(guò)修改CSS便能讓您實(shí)現(xiàn)網(wǎng)頁(yè)中很多不可思議的絢麗效果。

用CSS設(shè)計(jì)網(wǎng)站導(dǎo)航,橫向?qū)Ш?,縱向?qū)Ш?,下拉及多?jí)彈出式菜單,門(mén)戶(hù)網(wǎng)站的導(dǎo)航設(shè)計(jì),表單設(shè)計(jì),改變輸入框及文本域樣式,改變下拉列表樣式。

CSS縮寫(xiě),font字體縮寫(xiě),margin與padding邊距縮寫(xiě), border邊框縮寫(xiě),list列表縮寫(xiě),background背景縮寫(xiě),color顏色縮寫(xiě)。