辭職無基礎自學3星期html和css，現在感覺，動手能力差，基礎掌握不好？求大神指導啊，衷心感謝！
辭職2個月了，3個星期前開始學習前端的基礎html和css。
這段時間以看書和視頻打基礎為主，現在感覺自己動手能力好差，有點受打擊，可是我是真的喜歡做這個！往後學習，真心求大神指導怎麼系統和重點的學習，以及提示一下像我這樣學習者常鑽的牛角尖？@Webto@前端@web前端工程師
我公司來了兩個零基礎的實習生，應該沒工資的是親戚塞的，是一對雙胞胎兄弟。中職剛畢業，學的是電氣。剛開始他們來的時候我還以為是新招的設計師，然後開會自我介紹的時候才知道來學習的，而且還是絕對零基礎，這讓我有點意外，因為接下來就是我來帶他們了。
&
&
&
&
&
&
&
&
&
&
&
&
然後然他們在body裡面寫些div標籤，並讓四個div標籤並在一行平均寬度。
就這樣開頭說起盒子理論。
理解塊與行的。這點重要的影響布局的理解。（在這裡我要說一下嗎，動手比純看視頻以及書籍重要！）接著叫他們了解html與css的標籤，這些東西可以用來幹嘛。看完後第二天給他們講解這些標籤屬性的用法，以及怎麼引用鏈接以及圖片的問題。並說了下css的重置。/**
* reset begin
*/
html,body,header,section,footer,nav,div,ul,ol,li,img,a,p,span,em,del,strong,var,fieldset,form,label,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea{
margin:0;
border:0;
padding:0;
font-family:"Microsoft YaHei","黑體" Tahoma, Geneva, sans-serif;
font-style:normal;
}
html,body {
-webkit-touch-callout:none;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-user-select:none;
}
header,footer,section,nav,img,a,button,em,del,strong,var,fieldset,label,cite,small,time,mark,code,figcaption,figure,textarea{
display:block;
}
header,section,footer,nav {
position:relative;
overflow:hidden;
}
ol,ul{
list-style:none;
}
input,button,textarea {
border:0;
margin:0;
padding:0;
font-size:1em;
line-height:1em;
-webkit-appearance:none;
background-color:rgba(0, 0, 0, 0);
}
span{
display:inline-block;
}
a:link,a:visited ,a:hover {
text-decoration: none;
}
/**
* reset end
*/
文字字體： font-family
字體風格： font-style
文字顏色： color
設置行高： line-height
文字粗體： font-weight
文字對齊： text-align
內框距： padding
外邊距： margin
背景： background
框線： border
展示屬性： display
定位： position
定位後展示的層次： z-index
溢出： overflow
浮動： float
清除浮動： clear：both
講解完這個我就丟頁面給他們做了。
初期效果的話還是一塌糊塗的，重複累贅的div出現，不過每過段時間就會去看下他們的代碼，並說一下改正之類的。就這樣一周過去。練手的項目頁面完成了。我就丟了一個相對比之前高難度的頁面過去。
於是出現了兩重分化，哥哥能在這周完成，弟弟一直在頭部標籤，主要還是動手問題。學前端的話，光看是不行的，光想也不行。前端，你只有動手了，立馬就會有效果展示出來，是不是你想像的那樣，不是你就改。只有動手才有進步。現在第三周哥哥已經開始接觸jQuery，而弟弟還在頭部。我也不知道怎麼說了。
三個星期學習HTML+CSS這件事情也不算是很誇張。
以前我也覺得HTML這種東西兩天不就學完了么，直到開始做教學才漸漸體會到，基礎這部分並沒有想像的那麼簡單。（可以參見專欄文章：清蒸HTML）
所以不要相信那些告訴你「我兩天就學完了HTML」的人說的話，ta自己也沒搞清楚前端怎麼入門。
如果只是針對HTML和CSS來說，仿寫是最好的方式。如果覺得京東和淘寶太俗了，那可以仿寫A站和B站嘛。
路徑的話，首先是熟悉每一個HTML標籤，能夠理解HTML標籤的語義，可以看頁面猜出使用的是什麼標籤，看的多了，自然會開始對標籤有感覺。
CSS方面也可以同樣是先看頁面代碼，找出自己不熟悉的屬性去記憶，相信我，當你看代碼覺得特別簡單，什麼都看得懂的時候，自然就會有想要寫的衝動了。
宏觀上要去感受頁面整體布局結構，細節上看每一個小部分，比如按鈕，回復框的CSS代碼。最關鍵的是，自己要有個目標，希望做一個什麼樣的頁面出來，去照著這個目標努力。3個星期都做不出一點你想要的作品的話，很有可能是你目標太高了，否則就是你不適合這個行業。
另外你說你很喜歡這個行業，為什麼你就知道你喜歡呢？這很有可能是一個錯覺，其實你只是好奇，而不是喜歡。因為你花3個星期去了解，居然就受到打擊了，你確定你能幹3年，甚至30年？
花點時間去解決上面的問題，才去看學習方法的問題，我覺得會比較好。三個星期學習HTML/CSS的各種符號不是什麼問題，但要寫好特別是CSS，連老司機恐怕都急不得啊。CSS也不是很難，找本好書（而且不需要太多本。為了避免做廣告之嫌，就不說什麼書了，有興趣的自行到我的知乎專欄翻翻看我的一些推薦），可以受益頗多，剩下的就是不斷整樣式磨練自己。但寫著寫著，你就會發現少了JavaScript還真不行。嗯，歡迎加入前端的世界，也許三年後，某個JS框架就是你的作品……
我曾經就是零基礎的，我辭職後在家看了一個星期的書，就去一家公司應聘，當時那就公司願意培養新人，帶我的是個大牛的師傅，他讓我先學前端，就是html+css+jquery+js ，我花了一個月的時間學完了這些，然後他給了一套psd設計稿給我，讓我自己做一個靜態的網站，我花了2周的時間將靜態網站做出來，然後他給我給了代碼層，讓我用一個星期記住常用的
html和css樣式，後面就帶我學習後端語言，我覺得我要感謝我師傅，他很耐心的教我，
所以我覺得能找個願意帶你的師傅是很重要的，願你能和我一樣能找到這麼好的師傅。首先，學習的道路上沒有捷徑。
其次，系統性地學習不如有目的性的學習。比如：在網上看到漂亮的東西，大到一個網站，小到一個按鈕，直接去做就是了，當你做出來的時候再回頭看看，這過程用到的知識，都被你吸收消化一遍了。然後，繼續做下一個東西...無限循環...
最後，在開始階段，你只需要一個瀏覽器，一個文本編輯器，就可以開始了。幹這一行，剛開始就是要多動手。
當你有目的性去實現一個東西的時候，你自己會知道，應該在搜索引擎問什麼樣的問題。
至於書本，在某些知識你已經熟練用了很多次，卻不明白其中的工作原理，網上的解釋又五花八門的時候，就可以有目的性去翻一翻相關的書本，結合自己使用過的經驗，得出自己的理解。三個星期學HTML和CSS還沒學會？可能你沒動過手做輪子，也可能你的野心太大，也可能你想把所有內容都學了再做。你先動手試試吧。
知乎上多的是好的答案。要是真的遇到問題，最好附上自己寫的代碼。。。
你試試看一些網頁原始碼，比如說月曜日のたわわ，那個比村粉絲一天就把它做出來。它原始碼很容易理解。。。（逃
0基礎前端，都是從html+css開始的。雖然這個上手簡單，但是這東西也是博大精深的。多練手多切圖，過程中你會發現你認為會的，其實都是假象。千萬不要信網上什麼2個月前端入門，又什麼什麼什麼HTML+CSS入門到精通這些玩意兒。
那些說前端簡單的，都是不了解前端和沒入門的而已，前端不是切切圖，做做特效，寫寫簡單插件就叫前端程序員了的，這叫切圖仔試試Bootstrap，妹子UI。然後你就會去學JS，附加AJAX, jQuery……
實際動手能力，操作dom，ajax ...一起加油
我該怎麼說呢。。。。什麼都不會被逼著做了一個關於瀏覽器css差異的課題研究
然後只好自學，從dw開始慢慢摸索，開始一直處於在bootstrap ,easyui拷貝代碼的階段，後來就慢慢開始自己照著網上的方法一點一點修改。現在處於中期階段，馬上要進行中期答辯了。
其實只要喜歡，堅持不難。加油。用多了，寫多了，其實就那點事
代碼是碼出來的，不是看出來的
看視頻的時候嘗試把視頻中的例子自己動手寫出來。或者看看身邊前端朋友，有沒有靜態頁面練一下，遇到問題可以看看他們的代碼並谷歌。
html和css又找不到啥工作………當然不會還是不行。
推薦閱讀：
※CSS 中能否選取父元素？
※如何理解 CSS 中的浮動布局方式？最主要的功能是什麼？如何正確地使用它？
※某廠面試題:為何這樣處理移動端適配不行?
※項目中大量使用css !important 如何破局？
※前端新人願意以付出免費勞動力為代價，在職場上獲得提升，可行嗎？