⑴ 如何學好css
網路空間的Javascript關閉之後,剩下的也就CSS可以玩玩了不過CSS嘛也就用於模板設計而已,雖然說還有那麼一點點的技術方面的內容個人感覺技術方面的內容也不是很多,入門的新人也感覺不到這些技術含量的東西CSS在網頁模板設計中的比重更大一些入門學習CSS的話，希望這篇有所幫助 http://hi..com/dotku/blog/item/c54beb5050aac55c1138c229.html還有更多關於網頁設計的內容可以查看我的"模板設計"分類我的CSS也是自學的首先知道CSS的使用方法之後剩下的就是捧著一本CSS屬性手冊當作字典用遇到不懂的屬性就查查,然後動手再試試效果網路上也有一些的CSS手冊之類的這里推薦幾個w3schools http://www.w3schools.com/css/css_reference.asp這個是炎一直用的,不過是英文的站點要中文的也有yesky http://www.yesky.com/imagesnew/software/css/index.html稍微接觸一下就會感覺CSS也不是很難的東西不過還是需要花些時間多練習才行感覺在模板設計方面,更重要的還是自己的藝術細胞了^^(別認為自己沒有藝術細胞,多看看好的網頁設計作品,藝術細胞會增加的喲)我想現在專業的模板設計師也都是Photoshop+CSS的吧草稿圖還是要用鉛筆畫的--~
⑵ 到底怎樣才能學好html和css怎樣算熟練掌握
這個可以看看HTML5課程大綱了解啊，分階段學習的，不同階段學習的內容可以了解下。
第一階段：PCterminal
★ PC端頁面重構
1、認知行業、崗位、部分專業術語，就業趨勢與行業未來展望；
2、HTML5核心元素及布局應用；
3、CSS3核心屬性及布局應用；
4、圖形、圖像軟體的使用（PS,FW,AI）；
5、瀏覽器兼容及解決方案；
6、圖片整合、滑動門及寬高自適應等高級應用技術；
7、初步接觸JS。
★ PC端交互開發（原生JS）
1、javascript基礎語法和變數、控制語句、循環語句、函數、事件處理、數組、常見排序演算法；
2、DOM操作和BOM操作；
3、定時器、Cookie本地存儲、內置對象、正則表達式、閉包、JS面向對象語法、JSON、堆棧結構；
4、Ajax動態讀取數據、非同步操作、與DOM、JSON的結合使用；
5、各種主流瀏覽器兼容性處理；
6、單例、工廠、代理、觀察者等設計模式；
7、ECMA6.0新特性介紹。
★ PC端交互開發 （JQuery）
1、初識jQuery、jQuery的優勢、jQuery框架核心功能、最容易混淆的幾個概念
2、jQuery各種選擇器的使用，及選擇器的應用優化；
3、Dom節點操作、插入、刪除、復制、移動節點等操作；
4、事件處理、事件處理模型、事件處理機制、jQuery事件封裝機制、jQuery事件應用；
5、jQuery中的動畫、動畫時間的概念、基本動畫方法、復雜動畫方法、停止動畫與參數說明、jQuery動畫的隊列問題；
6、表單開發，設計可用性表單、表單驗證、增強型表單；
7、Ajax、XMLHttpRequest 基礎、jQuery Ajax、工具函數、緩存；
8、在jQuery中編寫插件、插件擴展、插件應用、jQuery.pagination分頁、jQuery.qtip信息提示、 jQuery.artDialog彈出層、jQuery.jscrollpane滾動條；
9、理解模塊式開發，以及requirejs插件的使用。
★ PC項目實訓
1、了解項目需求，項目流程；
2、了解項目管理，模塊分配，項目時間預估；
3、了解產品周期，參與團隊協作；
4、綜合運用HTML+CSS,JS,JQ,JQUERY UI, jquery easyui等技術，完成大型PC端項目開發。
第二階段：Mobile terminal
HTML5+CSS3新添特性
1、HTML5概述，新增的元素和廢除的元素、全局屬性；
2、HTML5基礎：新增文檔結構元素（Article、section、nav）智能表單、文件API（FileList對象和File對象、FileReader介面）、拖放API；
3、CSS3基礎：新增的後代選擇器、偽類選擇器、文本陰影、圓角、盒陰影、變形處理（transform）、動畫（transitions）、幀定義（key-frames）、旋轉（rotate）、 animation；
4、HTML5多媒體audio音頻元素、Video視頻元素、視頻回調事件；
5、本地存儲web storage、本地緩存；
6、定位基礎知識以及原理，結合google（高德）地圖定位；
7、響應式布局概念以及語法（@media）、web網頁和mobile網頁的區別、樣式繼承；
8、Canvas標簽基礎知識、繪制矩形、繪制圓形、使用路徑、圖像裁剪、保存為文件、創建動畫。
★ WebAPP項目開發及實訓
1、angular.js、backbone.js；
2、數據交互，ajax與DOM交互應用；
3、HTML5+CSS3在實際項目中的應用；
4、項目管理，模塊分配，項目時間預估；
5、產品周期，團隊協作；
6、微信場景開發；
7、微信平台互動開發。
第三階段：混合應用開發及實訓
★ 混合應用開發及綜合實訓
1、混合開發原理；
2、APP與webAPP；
3、混合應用與HTML頁面交互；
4、通過客戶端傳遞數據；
5、項目的版本迭代；
6、項目打包與應用，生成APK。
⑶ web前端自學html和css大概要多久呢
HTML5+CSS3，需要大家掌握的知識點是我們常用的瀏覽器和瀏覽器內核是什麼，和html語法和使用技巧並將常用標簽掌握。還需要學習的就是css的語法和使用技巧等等。
一般自學的話經常聯系、接受能力足夠強的話15-30天左右就可以掌握。
⑷ web前端開發要怎麼學
要學前端就要想了解前端是什麼，用官方的定義，就是網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。
用我們的話來說，前端就是網頁給訪問網站的人看的內容和頁面，而前端開發顧名思義就是這些內容的製作，也就是代碼的實現。而要實現這些代碼，就要用到HTML，CSS及JavaScript三大基礎知識。目前看來。論趨勢如何發展，它們都是整個前端開發的三大基石。
前端學習起來知識面比較廣，知識很雜亂，可能自學起來有一定的困難，缺乏學習方向。如果要報班培訓的話，也是一個不錯的選擇，至少，你能明確自己的學習方向，遇到問題可以及時解決，不過可能要承擔昂貴的學費。
總之，無論是自學還是報班，前端的學習都是一個大工程，都需要自己多下功夫的。學無止境，付出全身心的努力，你一定能得到收獲。
⑸ 如何學習 Web 前端技術
前端前景是很不錯的，像前端這樣的專業還是一線城市比較好，師資力量跟得上、就業的薪資也是可觀的，學習前端可以按照路線圖的順序，
0基礎學習前端是沒有問題的，關鍵是找到靠譜的前端培訓機構，你可以深度了解機構的口碑情況，問問周圍知道這家機構的人，除了口碑再了解機構的以下幾方面：
1. 師資力量雄厚
要想有1+1>2的實際效果，很關鍵的一點是師資隊伍，你接下來無論是找個工作還是工作中出任哪些的人物角色，都越來越愛你本身的技術專業前端技術性，也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師，一個好的前端培訓機構必須具備雄厚的師資力量。
2. 就業保障完善
實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台，即能夠為你提供良好的就業保障，讓學員能夠學到實在實在的知識，並向前端學員提供一對一的就業指導，確保學員找到自己的心理工作。
3. 學費性價比高
一個好的前端培訓機構肯定能給你帶來1+1>2的效果，如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作，你將獲得比以往更多的投資。
希望你早日學有所成。
⑹ web前端開發要學哪些內容以及怎麼學
1.學習html,這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標簽,這些都是最常用的,特別是div和table,div用於布局、table也可以用於布局,但是不靈活,基本 table是用來和數據打交道。
2.學習css,這里說的css不包括css3,一般我們看到web前端開發工程師的要求裡面,有一個會使用css+html 或者 css+div 來進行界面布局,所以css是用於輔助html來布局和展示的,我們稱之為「css樣式」,為什麼會說css+div呢?因為我上面說了div就是 html主要用於布局的東西,所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好.css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局 有關系的樣式,一點要掌握。
3.學習js. 可能前兩個大家覺得還過的去,看到js就傻眼了,其實吧,js入門很簡單的,不需要會很多東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,然後會給某個id或者name的元素標簽賦值、或者追加數據、追html,這個是跟數據有關系的操作,然後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些全部結合其他就是實際用途了,代碼一點都不難,會了這些基礎js,其他的直接網路就好了.然後看多了,用多了,就什麼都不是問題了。
4.學習jquery.jquery是相當於把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學的和js一樣,只是換成了jq的代碼.其他的一樣網路就夠了。
5.最好會點後台語言,比如java、php,為什麼呢?因為前台界面的數據都是從後台來的,如果會點後台代碼,就知道怎麼跟後台交互數據是最好的, 這樣節約時間,也可以讓前端代碼更規范.不然可能因為你的寫法和後端給來的數據不能結合上,那麼前端代碼又得重新寫,那就更加麻煩了。
6.學習css3+html5,可能這個對於更接手的新人來說有點困難，需要較強的代碼知識與經驗，但是如果你們是准備專門搞前端,那麼最好還是學一下，這樣對於將來的工作會有更大的幫助。
⑺ 到底怎樣才能學好html和css怎樣算熟練掌握
多去練習，多記，多敲。慢慢的你就會記住他們，熟能生巧，千萬不要手懶。
隨著互聯網的發展，前端的概念也在悄然發生的改變。早些年學完HTML+CSS就可以找到一份很好的工作，後來企業又要求必須會寫特效，所以很多人又開始學jQuery，可是現在又要求必須要會js原生。原來必須要使用JS才能實現的一部分特效，現在HTML5新增的標簽已經可以幫我們實現了，原來要寫一堆jquery做出的動畫，現在用CSS3也能實現了。
學了這么多，夠嗎？顯然不行！！！原來前端普通的DOM操作數據，也逐漸的被像vue.js這樣的MVVM框架所取代，原來要依靠PHP、.NET、JAVA等語言開發後台才能實現數據的前後台交互，現在node.js也出來了，它直接讓JS可以在伺服器端運行了，藉助它的模塊化可以完成所有的功能。從某種意義上來講，搞web開發，後台語言甚至變成了配角，直接寫個介面，剩下的什麼都不用你管，我前端全包了。
所以說，學完HTML+CSS能算是萬里長征剛走完了第一步，你要完成PC端的案例簡直是太多了，網站隨例一搜就是一大堆，京東、淘寶你直接模仿製就可以了。下一步要把js、node.js、vue.js好好學一下，特別是移動端開發、微信小程序，因為你面試的時候基本上沒有人會讓你做個PC頁面，問的都前端特別流程的技術和框架。
希望我的回答能幫到你。
⑻ 學習web前端，需要掌握哪些知識點以怎樣的學習順序
第一階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。
JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。
JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:
HTML5和移動Web開發
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:
HTTP服務和AJAX編程
WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:
面向對象進階
面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:繼承性、多態性、封裝性、介面。
設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:
封裝一個屬於自己的框架
框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:
模塊化組件開發
面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段:
主流的流行框架
Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:
HTML5原生移動應用開發
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。
第九階段:
Node.js全棧開發
快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。
祝你學有所成！
如果你對於學習前端有任何不懂的可以隨時來問我，我給你提供一個非常不錯的前端交流學習qun：前面是一一四，中間是一八八，後面是四九三一。有問題就在裡面問我，這樣你可以少走很多彎路，做起來有效率，記得多跟有經驗的人交流，別閉門造車。如果沒有比較好的教程，也可以管我要。
⑼ web前端開發需要學習什麼
web前端開發需要的學的東西在下面這張圖
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
如果您是零基礎的話您可以按照順序學習就可以的，先學習最基礎的東西，有問題可以及時溝通。
⑽ 小白想要學好Web前端應該從哪裡入手
一、div和table
這個是最簡單的，也是最基礎的。要熟練掌握div、form table、ul li 、p、span、font這些標簽，這些都是最常用的，特別是div和table，div用於布局、table也可以用於布局，但是不靈活，基本 table是用來和數據打交道。
二、CSS
這里說的css不包括css3，一般我們看到web前端開發工程師的要求裡面，有一個會使用css+html 或者 css+div 來進行界面布局，所以css是用於輔助html來布局和展示的，我們稱之為“css樣式”。
為什麼會說css+div呢?
因為上面說了div就是 html主要用於布局的東西，所以div就是核心掌握的東西!那麼css肯定必須要配合div來使用才好。css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等。
三、JS
可能前兩個大家覺得還過的去，看到js就頭疼了。其實，js入門很簡單的，不需要會很多東西的，只要會根據某個id、或者name拿到網頁dom或者樣式、或者值，然後會給某個id或者name的元素標簽賦值、或者追加數據、追html，代碼一點都不難，會了這些基礎js，用多了，就什麼都不是問題了。
以上就是環球青藤小編關於Web前端學習的相關分享，希望對大家有所幫助，想要了解更多相關內容，請及時關注本平台並進行查看!