先從最簡單的起步，我是被逼著學(xué)的，不然就沒工作，其實(shí)入門以后非常簡單，寫一兩個(gè)頁就能掌握基本的布局，如果遇到問題就是多問，或者在網(wǎng)上搜下遇見的問題先不要考慮怎么優(yōu)化CSS，開始能寫出來就可以，別用外部樣式，直接寫到頁面里，然后再改成外部樣式，前期這樣比較直觀，容易理解就是多練習(xí)；我學(xué)習(xí)DIV+CSS時(shí)就是從Dreamweaver的代碼模式學(xué)起的，也許不是最好，但很實(shí)用3養(yǎng)成良好的書寫習(xí)慣有良好的生活習(xí)慣，說明這人會(huì)過日子，有良好的CSS書寫習(xí)慣，說明這人做事嚴(yán)謹(jǐn)寫css的時(shí)候網(wǎng)上有很多推薦的規(guī)范，比如菜單類用menu，版權(quán)用copyrightCoryRight，底部用footer等等，在書寫順序上一。

隨著Internet編程技術(shù)的不斷發(fā)展，越來越多的大學(xué)畢業(yè)生加入了Web開發(fā)行業(yè)中，我們都知道Web開發(fā)需要使用css進(jìn)行定位和布局下面，四川北大青鳥帶大家來看看如何編寫css代碼前端系統(tǒng)的變化可以描述為每天都在變化在短短的一年時(shí)間里，理論，框架，構(gòu)建工具甚至開發(fā)語言都發(fā)生了巨大的變化隨著新項(xiàng)目即將；4如果第三步模仿了兩個(gè)網(wǎng)站之后，你就可以自己去下載個(gè)psd網(wǎng)頁圖片，然后自己切片，再通過div+css把它們擺出來試試途中也許會(huì)遇到很多問題，包括切片，js特效，瀏覽器不兼容等但是慢慢解決，就一定可以的一個(gè)月學(xué)習(xí)div+css三條建議1盡量別用試圖設(shè)計(jì)，用代碼手寫，可以極大制作提高速度。

CSS，也就是層疊樣式表這是在網(wǎng)頁設(shè)計(jì)當(dāng)中最為常用的一個(gè)代碼CSS可以準(zhǔn)確控制網(wǎng)頁中元素位置的排版像素級，支持幾乎所有字體字號樣式，具備編輯網(wǎng)頁對象和模型樣式的能力如果是對于程序員的話，那么掌握CSS是必然的可是現(xiàn)在的人一聽到CSS，腦袋就大大多數(shù)都是覺得CSS超級難學(xué)為什么CSS這么難學(xué)。

css學(xué)到哪里才算完

1、能完整的默寫出完整css樣式的都還不超過20個(gè)呢，因?yàn)橥ǔＮ覀兙帉懘a的軟件都帶有代碼提示功能，只要你大概記得該樣式的打頭的第一個(gè)字母以及大概拼寫，你輸入第一個(gè)字母就會(huì)有對應(yīng)的樣式提示，然后你知道大概的拼寫就能夠準(zhǔn)確的選擇這個(gè)樣式，至于怎么學(xué)習(xí)哪些樣式是什么效果，那就只能一個(gè)一個(gè)的給標(biāo)簽添加。

2、學(xué)這個(gè)東西需要學(xué)以致用，不能硬記死背的，就算背住了不用它時(shí)間久了一樣會(huì)忘了，你需要多做一些針對css的練習(xí)，拿著筆記去做，css做樣式的設(shè)計(jì)多做一些，熟能生巧當(dāng)下次出現(xiàn)同樣需要用到的命令的時(shí)候你就自然而然知道運(yùn)用哪個(gè)了，百度上很多例子你可以去看看，你要理解為啥要這么做，而不是要去。

3、那么我們?yōu)槭裁催€要去學(xué)習(xí)HTMLCSSJavaScrptjQuery等這些苦逼的代碼呢？這不是舍簡求繁嗎？但是隨著學(xué)習(xí)的深入，就會(huì)發(fā)現(xiàn)我們步入了一種窘境過分的依賴IDE導(dǎo)致我們不清楚其實(shí)現(xiàn)的本質(zhì)，知其然但不知其所以然因此在頁面效果出現(xiàn)問題時(shí)，我們便手足無措，更不用提如何進(jìn)行頁面優(yōu)化以及完成一些更高。

4、一 CSS學(xué)習(xí)重在方法！ 學(xué)習(xí)任何東西都是一樣，從小學(xué)中學(xué)大學(xué)，除了學(xué)習(xí)知識(shí)外就是去學(xué)習(xí)方法！ 要想掌握CSS， 首先要學(xué)會(huì)HTML，因?yàn)橐粋€(gè)樣式它是不可能脫離HTML頁面的，HTML不與樣式結(jié)合的話， CSS就失去了存在的意義所以一般書中都會(huì)舉一個(gè)例子，然后讓你上機(jī)測試效果，這是筆者想讓你有對樣式。

5、給你幾點(diǎn)學(xué)css的小建議，希望對你有幫助1根據(jù)前輩的分享，整理出一套通用樣式，字體顏色按鈕等通用樣式，每次開發(fā)新頁面拿來直接用，簡化過程，感覺上會(huì)輕松些2提升視覺效果，換個(gè)編輯軟件，安裝打字效果特別炫酷的插件，代碼看起來也很漂亮舒服，敲代碼的時(shí)候感覺很棒3看一些大型網(wǎng)站上。

6、獨(dú)立點(diǎn)，每天克制自己要好好學(xué)習(xí)，并時(shí)常告誡自己我一定能行若違反就自我反省一下，給自己一個(gè)小懲罰，以示警告3控制一下自己的情緒吧 你若不能控制自己的情緒好好學(xué)習(xí)，而讓人生大步前進(jìn)的機(jī)會(huì)從自己身邊溜走，你將來還會(huì)錯(cuò)過更多的機(jī)會(huì)你現(xiàn)在就開始放任自己，以后怎么成就大事好好想想吧還有。

css要學(xué)到什么程度

1、1初期不要急著自己去設(shè)計(jì)頁面，直接仿站來讓自己獲得從0到1的能力 找一些比較有新意的，結(jié)構(gòu)上稍有復(fù)雜度的，基本沒切過有高相似度的頁面，時(shí)間要花在刀刃上確實(shí)培養(yǎng)起了自己對CSS的興趣2基礎(chǔ)技能練習(xí)差不多了，可以找份真實(shí)的工作來鞏固深入學(xué)習(xí)比你自己業(yè)余去摸索要高效10倍理解了。

2、看你是什么專業(yè)，不過，就算是設(shè)計(jì)專業(yè)，我也建議，在你還沒入門之前，不要試圖“系統(tǒng)性”地學(xué)習(xí)否則容易陷入一堆細(xì)節(jié)，拔不出來，會(huì)讓你慢慢失去興趣，這才是最可怕的如果w3c上那么簡單又少量的知識(shí)點(diǎn)你都是這么快就忘記，只能說明你真的沒有用心看我一開始學(xué)html+css 的時(shí)候，就是拿一本。

3、另外一種是需求驅(qū)動(dòng)學(xué)習(xí)，指的是當(dāng)你需要用到某一方面并不熟悉知識(shí)的時(shí)候，有針對性的去進(jìn)行學(xué)習(xí)，這樣的學(xué)習(xí)針對性強(qiáng)，記憶深刻此外推薦一些B站上比較有意思的CSS視屏UP主Microgoople 網(wǎng)頁鏈接 主要發(fā)布一些漂亮的或者奇思妙想的 CSS 視屏錄制了代碼編寫的全過程比較有意思適合 CSS 初學(xué)者。

4、CSS基本上沒什么技術(shù)含量，只要用時(shí)查看參考手冊即可主要是掌握CSS的工作原理高手可能用的熟練點(diǎn)，代碼漂亮點(diǎn)非高手就代碼亂點(diǎn)，實(shí)現(xiàn)的手法糙一點(diǎn)，其實(shí)沒有本質(zhì)區(qū)別，就和開發(fā)程序一樣，效果一樣，手法多樣有一個(gè)學(xué)CSS的個(gè)人經(jīng)驗(yàn)，不要用軟件實(shí)現(xiàn)，而是用手寫代碼來做，另外把新浪首頁的CSS自己。

5、學(xué)習(xí)是一個(gè)記憶和理解的過程，在學(xué)習(xí)HTML過程中可以借助拆分”視圖輔助學(xué)習(xí)在“設(shè)計(jì)”視圖中看效果，在“代碼”視圖中學(xué)本質(zhì)， 將各種視圖的優(yōu)勢發(fā)揮出來，這種對照學(xué)習(xí)的方法彌補(bǔ)了死記HTML標(biāo)簽和屬性的枯燥二css的學(xué)習(xí) CSS叫做層疊樣式表，一種樣式設(shè)計(jì)語言，它能夠做到網(wǎng)頁表現(xiàn)與內(nèi)容分離，與HTML。

6、1學(xué)習(xí)CSS必須先學(xué)會(huì)Dreamweaver或者其他的編寫代碼的軟件，不過推薦使用DW，一則比較容易上手，而來你編寫CSS代碼也比較方便2有了DW的基礎(chǔ)你就可以開始學(xué)習(xí)CSS了，這個(gè)你就先要了解CSS的命名規(guī)則以及一些簡單的語法，如果你需要更加熟練的掌握他并運(yùn)用好他，成為一名優(yōu)秀的設(shè)計(jì)師的話，最好學(xué)習(xí)一下C。