1. 程式人生 > >html與css階段學習總結

html與css階段學習總結

第四階段總結

本應該在開學前就結束的HtmlCss階段,硬生生地拖了2周才考核完,並且任務完成總量還是比較少。外因是剛開學,各種各樣的雜事太多,處理上有一些不適應。內因則是個人學習積極性的不足。此處則不做多討論。之前走過的三個階段都是都是java階段,程式碼相比htmlcss來說邏輯性較強,所以就有了一開始的學長學姐對我們的高要求,每天給我們灌輸著第四階段多簡單多好學的思想,也就導致了我一開始的不重視,然後過分輕敵。

一開始寫html的時候,對網頁元素的位置實在是理解不了,或許能做出來一些想要的東西,可是始終沒辦法完全控制住。要麼用了不少float,要麼用了不少position,最後都被其他有經驗的人制止了,然後就徹底蒙圈了,到底怎麼控制元素的位置!?我也不知道我是怎麼活過來的,學長說的簡單我也沒見到,渾渾噩噩地寫完了凡科的模版。直到我開始寫知乎的首頁,我才終於領悟了

html的開發信條:真的沒必要去糾結某個元素的位置,差不多像就行了!。。。開玩笑,這種感覺,等到知識儲備到一定量的時候,自己就不會太去糾結了。只要合理運用好divflex佈局,設定好寬高,還是可以進行掌控的,而這種掌控相對於以前學過的java而言,不算絕對的掌控,元素本身也有相對的自由。

開始難倒我的不僅僅是元素的定位,還有我模仿的模版中,那無限多巢狀的div。一樣的東西別人都能巢狀上十層我卻只有兩三層?對於這些來說,我目前的看法是:1,每巢狀一層,可能僅僅是設定了一個不同的樣式(這一看法屬於比較早期的看法了,畢竟一個div可以有好多個類,沒必要一個div一個類,也有可能是我當時模仿的凡科模板有問題);

2div越多,越容易控制佈局,寫到知乎的時候,才發現div分多了,板塊分明,控制起來是真舒服啊。

這次模仿知乎的過程中,著實學習到了不少的知識。比較獨特的就是svg標籤了,它是一種用來表示向量圖的標籤,可以保證圖片的質量,貌似也可以用於列印,但是在我這估計就僅僅是裝逼用的了。對於svg的瞭解有了一些,雖然也並不深入,也沒有自己寫出過什麼有意義的影象,但藝多不壓身,有機會是要學習一下的。後來去特效網上找到了一個Twitter的按鈕翻蓋特效,這個特效才是認真寫的,足足弄了一個下午加晚上。更加深了自己對3d效果的動畫和perspective的理解,也有了不少成就感,即使在考核的時候,學長學姐並沒有很在意。還有的一個問題就是,對於選擇器的使用並不太熟練。對於一連串相似的結構用選擇器的時候可以不用類或

id,而用那種比較選擇性比較廣泛的(類?我也不知道算啥)選擇器,這樣寫起來程式碼看著不會特別冗餘,但如果結構發生了變化,可能會有一些小麻煩。

路還很長,沉下心,努力學習。