注:(這個(gè)時(shí)候我英雄聯(lián)盟官網(wǎng)頁(yè)面效果已經(jīng)實(shí)現(xiàn)了四成,代碼大概1800多行(無視頻),希望為我的文章添加一絲絲的信服力)?
以下是自己目前實(shí)現(xiàn)的前部分:實(shí)現(xiàn)了自動(dòng)輪播圖,手動(dòng)頁(yè)面覆蓋切換,多個(gè)二級(jí)導(dǎo)航欄,hover的各種效果等等等
????個(gè)人感覺,這個(gè)階段相對(duì)于其他階段是比較簡(jiǎn)單的,從語法,結(jié)構(gòu),用法以及思考的過程中,只要自己的基礎(chǔ)知識(shí)夠牢固,不把概念弄混,一切都只是時(shí)間問題,再不會(huì),上度爹,上博客,上知乎,問學(xué)長(zhǎng),最長(zhǎng)十幾分鐘解決,前提是知識(shí)牢固,所以我本人不建議只是不太牢固的情況下純粹跟著視頻做網(wǎng)頁(yè),最好看著視頻,然后記下自己所遇到的問題,因?yàn)閷?shí)踐的過程中總會(huì)出現(xiàn)你怕什么,他就會(huì)來什么,所以不存在僥幸心理是學(xué)習(xí)的重要原則,以后的以后問題更多,知識(shí)越難,好好學(xué)習(xí),好好復(fù)習(xí),網(wǎng)頁(yè)視頻是告訴做網(wǎng)頁(yè)的思路以及一些我們沒有想到的網(wǎng)頁(yè)做法,所以看視頻還是比較好的,但是-----看視頻看到最多四五成的時(shí)候,就該按著自己的思路來寫了,如果純跟視頻,那如果讓你純手工重新寫視頻中的網(wǎng)頁(yè),你能寫幾天,我相信,和看視頻快不到哪去,一個(gè)腦子里都是視頻做法,自己沒有實(shí)踐經(jīng)驗(yàn)的人如果遇到難題了,你猜會(huì)怎么做,會(huì)最大可能的回憶視頻的做法,然后重新看視頻,這就是視頻依賴癥.....所以一個(gè)網(wǎng)頁(yè)自己看四成,寫六成,個(gè)人感覺還是挺好的,知識(shí)也記住啦,做法也記住了,自己也通過實(shí)踐了,問題也做筆記了,之后復(fù)習(xí)更有效率了....
? ? 以上是看視頻跟做的一些個(gè)人方法.
下面說一下寫網(wǎng)頁(yè)常常出現(xiàn)的問題:
1,定位問題
? ? 這個(gè)問題出現(xiàn)最多,草率的來講最常見的解決辦法就是合理的使用position,display,float,margin,padding,還有一些方向詞(top,right,left,bottom),自我感覺這是用的最多的,然后就是這些具體的用法,比如:在解決一個(gè)普通的二級(jí)導(dǎo)航欄的問題,父元素position:relative;需要隱藏的子元素position:absolute;然后再通過方向詞或者margin,padding調(diào)整細(xì)節(jié)位置利用偽元素hover和transition調(diào)整隱藏和出現(xiàn)效果.
2.居中對(duì)齊問題
????一般的文字對(duì)齊都使用line-height的值等于行高,然后text-align居中就OK,多行的話可以單一的單行調(diào)整,然后調(diào)整margin和padding(最好加上box-sizing,這樣不會(huì)影響盒子大小).用多了自然了解了就
3.優(yōu)先級(jí),名字,選擇器問題
????選擇器問題,后代選擇器和子代關(guān)系選擇器他們之間的優(yōu)先級(jí)問題容易在css外包中弄混淆,簡(jiǎn)單粗暴的辦法就是直接改z-index,掌握他們使用的原理,一般就是在css中使用的后代選擇器越多,優(yōu)先級(jí)越大,名字要規(guī)范,盡量一眼就能看出來他是干什么的,要不然做到后面會(huì)很麻煩.
? ? 最想說的是.定位問題是最重要的,他能解決極大部分布局問題,細(xì)節(jié)部分查找css知識(shí),按時(shí)復(fù)習(xí)即可.
