先不說js之類,

就html和css,把圖片的效果實現成網頁,我最近寫網頁總是寫一點又刪,

有的是確實寫錯了,

有的是寫出來能實現效果,但我覺得有更簡單的方式,就刪了,重寫還有個問題是標籤裏的class命名,一般起名稱有什麼經驗嗎,我經常是寫完就忘了,然後還得看網頁結構去找

還有個問題是經常糾結,一個效果margin可以實現,padding也可以實現,或者圖片可以實現,背景也可以實現,我就在考慮哪種合適些。。這樣導致寫代碼很慢

求教前輩們各種經驗指點啊!多謝 !


熟悉w3c的基礎上不斷的改進,唯有熟練,敲一遍 和敲兩遍不同的代碼是不一樣的


唯手熟爾


1.有頁面結構分析能力

2.然後再掌握盒模型

3.瞭解浮動定位排版規則

4.掌握選擇器的使用和樣式計算

5.熟悉css2和css3中常用屬性及作用

知道了這些就能做出頁面了,如果想快速做出頁面,快速判斷哪裡用什麼屬性,還是要多練。

我以前學習寫頁面的時候,把認為可以實現的方案都實現一遍,然後再對比方案優劣。

任何屬性的任何值都要試一下效果,這樣在開發中遇到某一效果才會馬上想起來用什麼實現。

盒子之間如何相互影響,比如浮動元素對塊元素的影響,浮動元素對行內塊元素影響等等

總之要多積累,平時自己多測試,有想法隨時寫下來,看到別的網站好的效果看一下代碼看看是怎麼實現的


不用糾結,寫一個大概的頁面(哪怕寫死的px),然後學js,糾結這些不如多做多練以後就知道區別


剛剛開始的時候都是這樣的 以後隨著經驗的增加坑踩的多 填的多 就自然會快起來了


我來答一下,我當初也有過種種疑惑和糾結,希望對你有一點幫助。首先HTML方面,這個只需要注意兩點即可,將頁面分塊,然後語義化寫結構就OK。CSS,想把它寫好,可不簡單,不要以為學了那些屬性和用法就學會了CSS,我作為用時間為代價的過來人,可以給一點點建議,CSS中核心的是:選擇器,盒模型,浮動,定位,然後就是佈局。好了,這些是重中之重,不要試圖繞過這些核心,不看理論!而盲目寫CSS,不然,你只是在把效果湊出來,而非寫出來。至於你說的困惑,總結一下,1.基礎不好,,可以用margin實現,padding同樣也能實現,是的,但外邊距可能存在合併問題,當然具體情況要具體對待。2.寫的太少。就這些,想把CSS學的可以,得花時間,大把時間。

學一下bootstrap就知道了


最簡單的方法,基礎知識過一遍,然後跟著視頻寫一遍就會了


分析網頁, 分析公共組件, 看點 BEM, NEC 之類的規範

每一次的新項目都把之前項目的感受應用進來, 加入改進的思路, 不斷嘗試

寫 css 要有 scope 概念, 才能保你 公共,私有 這兩種樣式和諧存在,才能讓項目在逐漸迭代中穩定安全

css 選擇器的層級應當盡量簡單, 不要寫很深的選擇器嵌套, 可以分析它 掛父級選擇器 作為 scope, 這樣 兩層選擇器就能選中它, 也可以起一個具體一點的 class 名, 具體根據項目規格 性質 去選擇, 當你寫了幾十套大型站點, 自然會對這些東西有把控跟見解,

至於 樣式怎麼寫? 這些都是基礎 不必在此談


推薦閱讀:
相關文章