愛吃云朵的白兔兒跟著李南江學(xué)習(xí)HTML5—CSS學(xué)習(xí)

不知不覺HTML學(xué)習(xí)暫告一段落,終于到CSS的學(xué)習(xí)了,學(xué)習(xí)CSS后可以開始做一些小小項目了,好期待~~

開始學(xué)習(xí)CSS

學(xué)習(xí)到顏色屬性時,江哥提到一個顏色可以用5種方式表示,而且還講解了到十六進制和十進制的轉(zhuǎn)換,聽完后覺得這個十六進制和十進制的轉(zhuǎn)換比幾何代數(shù)還難,幸好江哥最后說,這幾種顏色的表示方式,我們只需要了解是如何取值的,具體的數(shù)字和轉(zhuǎn)換,不需要我們掌握,因為可以借助其他工具進行顏色設(shè)置,而且使用很方便。

學(xué)習(xí)div和span標(biāo)簽時,江哥講解了兩個概念:容器級標(biāo)簽和文本級標(biāo)簽。容器級標(biāo)簽可以嵌套其他所有的標(biāo)簽,文本級的標(biāo)簽中只能嵌套文字/圖片/超鏈接。重點來了,因為p是文本級標(biāo)簽所以不能嵌套h1標(biāo)簽??!而我一直都以為p標(biāo)簽可以嵌套h1標(biāo)簽!碰巧的是江哥就是拿“p標(biāo)簽嵌套h1標(biāo)簽”來進行說明講解。

多動手動腦

學(xué)習(xí)選擇器時,雖然江哥講解得很清晰,但因為選擇器很多,學(xué)習(xí)幾個選擇器后容易搞混他們的格式,只能學(xué)習(xí)一兩個類型后停下來練習(xí)下代碼進行熟悉,另外我還把他們的格式和不同點都記在本子上面,方便進行學(xué)習(xí)對比。

清除浮動方式,學(xué)起來有點吃力,其余內(nèi)容還好,都是理解、多看、多練就好了。

學(xué)習(xí)完CSS元素顯示模式后,江哥教我們?nèi)绾沃谱靼俣仁醉?,但我沒有完全按照江哥給的百度首頁來寫代碼,而是根據(jù)百度新首頁進行代碼練習(xí),曲折困難就不在這里述說了。雖然顯示效果跟原版有差距,但也覺得很開心,因為可以用學(xué)過的知識轉(zhuǎn)換成看得到的頁面,自己的努力可以看得到。

感謝分享

后面江哥又說到一句很重要的話:“文字在行高中默認是垂直居中的”,這句話對“設(shè)置文字垂直方向為居中”有很大的幫助,如果在做百度首頁前就知道這個知識點,我就不用被這個知識點困擾很久了。另外江哥還提到“在企業(yè)開發(fā)中為了更好的控制盒子的寬高和計算盒子的寬高等等,所以在企業(yè)開發(fā)中,編寫代碼之前第一件事情就是清空默認的邊距”,除了這些還有其他的,都是很實用的東西,這些前人的經(jīng)驗對于初學(xué)者來說真的很寶貴,感謝分享。

感覺江哥在網(wǎng)上發(fā)布的CSS知識點比較少,通過對比W3C官網(wǎng),印證了我這一想法,CSS的知識確實還有很多,估計是江哥還沒來得及做教學(xué)材料吧,學(xué)習(xí)是無止境的,學(xué)到老活到老,加油!


學(xué)HTML5就選李南江,選培訓(xùn)機構(gòu)我只選小碼哥(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)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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