Ethan跟著江哥一起學(xué)HTML5—CSS學(xué)習(xí)

從前面幾天的學(xué)習(xí)中了解到html是用來控制頁面結(jié)構(gòu)的,而頁面的樣式是由css控制的,在前端開發(fā)中有一個很重要的思想就是,結(jié)構(gòu)與樣式分離。一張華麗的靜態(tài)頁面都是由css布局加修改樣式后得到的,所以css的功能還是挺強(qiáng)大的,特別現(xiàn)在的css3能夠做出許多動畫效果了。

首先,css有四種引入樣式,行內(nèi)樣式優(yōu)先級最高,但我們常用的是外鏈樣式。在選擇器的使用中我們要注意,選擇器的優(yōu)先級和權(quán)重。盒模型是css學(xué)習(xí)中很重要的一部分,當(dāng)我們給盒子設(shè)置邊框和內(nèi)邊距時會改變盒子的大小,這時候需要給盒子添加box-sizing:border-box屬性來控制盒子寬高不發(fā)生變化。另一個重點(diǎn)就是布局,目前我從江哥的視頻中了解到css布局有三種布局方式,標(biāo)準(zhǔn)流是垂直排版,浮動流是一種半脫離標(biāo)準(zhǔn)流的排版方式,它是用來進(jìn)行水平排版的,還有一種就是定位流排版,需要注意的是,相對定位沒有脫離標(biāo)準(zhǔn)流,絕對定位和固定定位都脫離了標(biāo)準(zhǔn)流,后面江哥還講解了css3中的2D轉(zhuǎn)換模塊、過渡模塊、動畫模塊、3D轉(zhuǎn)換模塊,表明css也能做出一些動畫的。在css的學(xué)習(xí)中,每一個知識點(diǎn)江哥都會用一個小案例進(jìn)行講解,新的知識點(diǎn)都會用前面一個案例帶來問題引入,很淺顯易懂,學(xué)完css之后,我感覺自己的等級提升了不少,哈哈。

學(xué)HTML5就選李南江,選培訓(xùn)機(jī)構(gòu)就只選小碼哥(http://www.520it.com)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容