從開端知道CSS(DW4)那時(shí)起,我就知道了CSS的強(qiáng)壯,但從未用CSS排版過,因?yàn)槲覐那皽y(cè)驗(yàn)過學(xué)習(xí),但感覺太難了

而且用DW的表格,所見及所得,做起頁(yè)面來十分的快,排版也容易的多,因?yàn)樽罱舐?很多公司都要求DIV,CSS,所以我再次測(cè)驗(yàn)學(xué)習(xí)。

1.學(xué)習(xí)方法

我以為,看他人的代碼是一個(gè)十分好的學(xué)習(xí)方法(前提是你需求有點(diǎn)根底知識(shí)),在查看他人的代碼時(shí)能夠去除一些重復(fù)的,或許一些于CSS無關(guān)的代碼,將更利于咱們剖析,你能夠從中了解到他人是怎樣做的,更深一點(diǎn),你能夠考慮為什么要這樣做,當(dāng)然它們做的也不必定全對(duì),就算淘寶,我發(fā)現(xiàn)它們的CSS里邊也有不少的剩余代碼,我從前從淘寶的網(wǎng)頁(yè)代碼里邊學(xué)到不少的東西,我把根本的框架保存下來,然后剖析,而且我將我的剖析記錄了下來。

2.練習(xí)方法

在了解到一些根本的布局方法,以及一些容器的特點(diǎn)之后,能夠測(cè)驗(yàn)自己,編寫一些簡(jiǎn)略的布局,遇到出現(xiàn)問題的時(shí)分,能夠在google搜索一下,或許想\象理想論壇以及其他一些討論規(guī)范化的論壇詢問一下,會(huì)有很多好心人的哦。

3.一本手冊(cè)

在遇到問題的時(shí)分或許對(duì)某個(gè)特點(diǎn)不是很了解,或許關(guān)于特點(diǎn)的兼容性不太清楚的時(shí)分,這就有很大的作用了。

4.多寫多練

你發(fā)現(xiàn)自己多寫了幾個(gè)布局,或許出了一些問題并解決后,你現(xiàn)已根本把握了布局的要點(diǎn)了.

怎樣學(xué)習(xí)規(guī)范化?

1、幾本書、幾個(gè)網(wǎng)站、幾篇貼子。

《網(wǎng)站重構(gòu)》掀起國(guó)內(nèi)web規(guī)范熱潮的第一本相關(guān)著作。理論性質(zhì)多一些，全書涉及到詳細(xì)操作和代碼的部分很少。新手初度閱覽很可能覺得沒有實(shí)踐用處。建議在閱覽學(xué)習(xí)《CSS網(wǎng)站布局實(shí)錄》有了必定的技能根底了再回頭學(xué)習(xí)，反思自己之前學(xué)習(xí)和規(guī)劃過程中的問題，這樣才干有效地提高。

《樣式表中文手冊(cè)》必備的東西，我一般放在桌面隨時(shí)查詢。里邊供給了詳細(xì)的運(yùn)用說明和實(shí)例。

《CSS網(wǎng)站布局實(shí)錄》較新的一本規(guī)范化著作。告訴你怎樣去寫契合規(guī)范的xhtml和css代碼，告訴你一些常見布局和頁(yè)面作用的代碼是什么樣子。這本書很適合初學(xué)者，根本上都是針對(duì)實(shí)例的布局、作用的實(shí)踐操作，比較體系的敘述了怎樣進(jìn)行規(guī)范化網(wǎng)站制造。這本書只是在講詳細(xì)的完成，關(guān)于規(guī)范化的概念、網(wǎng)站重構(gòu)的方針這些指導(dǎo)實(shí)踐操作的理念性東西幾乎沒有。能夠在學(xué)習(xí)這本書之后讀一下《網(wǎng)站重構(gòu)》，二者結(jié)合起來學(xué)習(xí)作用不錯(cuò)。目前的版本可能因?yàn)闀r(shí)間問題，校正很匆促，有不少錯(cuò)別字和有問題的句子沒，但涉及到代碼到?jīng)]有發(fā)現(xiàn)過錯(cuò)。

《CSS威望攻略》詳細(xì)論述CSS1.0每個(gè)特點(diǎn)的規(guī)矩和界說，而且展望了CSS2.0許多誘人的東西。對(duì)完成web規(guī)范化有著重要的意義。經(jīng)過本書的學(xué)習(xí)能夠深入了解瀏覽器怎樣解析特點(diǎn)的規(guī)矩和界說，為準(zhǔn)確完成規(guī)劃意圖供給保證。

《html和xhtml威望攻略》應(yīng)該是一本威望的東西書，沒有必要通讀，能夠在實(shí)踐規(guī)劃制造過程中參考。詳細(xì)的敘述了html和xhtml的規(guī)矩界說運(yùn)用技巧。

《javascript威望攻略》作為行為層的主要技能，不學(xué)習(xí)javascript就不能完好地學(xué)習(xí)web規(guī)范。

網(wǎng)站規(guī)劃師 最初接觸web規(guī)范化學(xué)習(xí)必須訪問而且仔細(xì)閱覽的網(wǎng)站。包含教程、資訊、參考資料等重要信息。

2、怎樣學(xué)習(xí)

讀寫

讀書讀上面我推薦的貼子、網(wǎng)站和blog?；ヂ?lián)網(wǎng)的主旨在于同享和傳播，那些接觸技能比較早的了解和實(shí)踐比較深入的朋友給咱們供給經(jīng)歷和教程。要靜下心來，不能僅僅為了一個(gè)作用或許一個(gè)布局的完成去找答案。而是去了解教程給咱們帶來的完成思路。要體系地讀書也要針對(duì)性的收集某個(gè)問題的方法去總結(jié)提取。讀到的時(shí)分就要寫，寫一些代碼片斷，一些布局結(jié)構(gòu)，一些作用的完成。哪怕是照著書敲出代碼來，加深記憶和了解，作用要比單純的度過作用要好得多。

改動(dòng)

改，不是抄襲。把他人的網(wǎng)站另存下來，改動(dòng)其中的部分內(nèi)容，看看頁(yè)面顯現(xiàn)有什么改變，在這些改變中去了解你所改動(dòng)部分代碼再完成頁(yè)面作用中起到了什么作用。這是一個(gè)很重要的學(xué)習(xí)方法。你看到的作用改變來源于你的改動(dòng)，這本身便是一個(gè)加深記憶和了解的過程。另外一種改法便是把雜亂的頁(yè)面簡(jiǎn)略化，簡(jiǎn)略到能演示作用為主，代碼少了看起來清晰有利于學(xué)習(xí)?；蛟S把簡(jiǎn)略的布局填充內(nèi)容之后看頁(yè)面怎樣顯現(xiàn)，會(huì)不會(huì)影響到布局，自適應(yīng)的仍是固定巨細(xì)的，超出固定巨細(xì)的內(nèi)容hidden了仍是流向了結(jié)構(gòu)之外？有沒有什么Bug？青蛙用永遠(yuǎn)逮不到一個(gè)安安靜靜站在那里的蜻蜓，只有蜻蜓飛起來了青蛙才干判斷才干捕食。

睡覺

睡覺前的考慮。在顯現(xiàn)器之外去考慮之前學(xué)習(xí)到的東西，要有必定的距離和空間高度去看待去考慮，比方今天寫的布局是不是合理，有沒有必要這樣雜亂，如果把浮動(dòng)改成肯定定位呢。等等，就像作平面規(guī)劃相同，有時(shí)分椅子往后一仰，稍稍的遠(yuǎn)離屏幕，對(duì)之前的細(xì)節(jié)處理就能有一個(gè)全新的知道。

保藏

好記性不如爛筆頭，總?cè)グl(fā)帖提問也不是方法。把看到的有用的教程收集起來分類整理，比方布局代碼、導(dǎo)航特效、瀏覽器兼容hack寫法等等。樹立自己的文檔庫(kù)，時(shí)間久了整理整理，如果有適宜的條件不要忘掉和朋友們分享。

實(shí)踐

作一個(gè)完好的網(wǎng)站/網(wǎng)頁(yè)項(xiàng)目，未必要雜亂或許巨大。但至少要有一個(gè)完好的頁(yè)面，盡可能用熟悉的技能去完成。檢驗(yàn)自己、發(fā)現(xiàn)問題給自己繼續(xù)學(xué)習(xí)的動(dòng)力。

網(wǎng)站欄目：學(xué)習(xí)網(wǎng)站建造技能CSS布局心得
網(wǎng)址分享：http://m.2m8n56k.cn/news43/71593.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站內(nèi)鏈、商城網(wǎng)站、品牌網(wǎng)站制作、建站公司、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)