js好學嗎？
首先得根據你目前掌握的基礎來判斷。假如你有了其他語言基礎，那么學習js會很快，因為各種數據類型，約束，都差不多相似的。js比較靈活，是屬于弱類型聲明的語言，這一點跟其他語言又不大一樣，但是只要有其他語言基礎的，學起來都會比較快的。你只要看一遍基礎知識，練習一下就會使用，可能在操作dom上需要多下功夫，其他邏輯什么的，都跟其他語言差不多。
其次就是沒有基礎的。沒有基礎的話，前端方面需要學習三大件:js，html，css，學習方式可以通過書本，視頻還有API文檔。開發過程API文檔都是伴隨左右的，方便隨時查看不懂的知識點。js要學習語法，數據類型，閉包，事件模型，獲取dom等基礎的知識；html需要學習常用標簽，標簽常用屬性，表單的使用等基礎知識；css需要學習選擇器的使用方式，盒子模型的布局實現，常用的樣式設計等知識。
最后，就是把上面所說的三大件融會貫通的使用，現在開發就是分離型開發，js，html,css文件都是相互獨立出來的。后續需要找項目進行練習設計前端界面，并完成一些小功能，提高編碼能力，差不多了，就學習vue等框架。除此以外因為開發項目前后端分離，還要學會熟練的與后端數據交互，學完這些就算入門了。
任何語言都是由易到難，就像修煉一樣，一個境界一個境界往上走，需要耐心，堅持，才能學好技術，加油吧！
css后代選擇器和子選擇器的區別介紹：
1 css后代選擇器語法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會被選中，為后代選擇器。2、css子元素選擇器語法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用：通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法：選擇器1，選擇器2，選擇器n{ }
5、復合選擇器(交集選擇器)
作用：選擇更準確更精細的目標元素并為其設置屬性
語法：選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格，要緊挨在一起
6、通配選擇器
作用：用來選中頁面中所有的元素
語法：*{ }
7、后代元素選擇器
作用：選中指定元素的指定后代元素
語法：祖先元素 后代元素{ }
8、子元素選擇器
作用：選中指定父元素的子元素
語法：父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用：根據元素中的屬性或屬性值來選取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個元素后緊挨著的指定的兄弟元素
語法：前一個+后一個(作用在后一個)
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個~后邊所有
想學好HTML5開發，好的學習資料當然必不可少，今天就給大家推薦幾本熱度比較高的書籍，相信好的學習資料能讓你的學習效果事半功倍。
1、HTML5 + CSS3 從入門到精通推薦指數：★★★☆
簡介：本書通過基礎知識+中小實例+綜合案例的方式，講述了用HTML5+ CSS3設計構建網站的必備知識，相對于專業指南、高級程序設計、開發指南同類圖書，本書是一本適合快速入手的自學教程。
2、響應式web設計：HTML5和CSS3實戰推薦指數：★★★★
簡介：全書主要是帶領讀者做一個小網頁來寫的，其實響應式的東西講得比較少，大半內容是介紹H5和css3的基礎知識。如果同時想了解H5和css3和響應式設計入門，這本書不錯。
3、HTML5移動web開發實戰詳解推薦指數：★★★★☆
簡介：本書由淺入深，全面、系統、詳盡地介紹了HTML5相關技術和其在移動開發領域的應用。書中提供了大量的代碼示例，讀者可以通過這些例子理解知識點，也可以直接在開發實戰中稍加修改應用這些代碼。《HTML5移動Web開發實戰詳解》涉及面廣，從基本原理到實戰，再到項目工作流，幾乎涉及一個合格的前端開發工程師需要具備的所有重要知識。
4、瘋狂HTML5/CSS3/Java講義推薦指數：★★★★
簡介：這是一本全面介紹HTML 5、CSS 3和Java前端開發技術的圖書，系統地介紹了HTML5常用的元素和屬性、HTML5的表單元素和屬性、HTML 5的繪圖支持、HTML5的多媒體支持、CSS 3的功能和用法、最前沿的變形與動畫功能等。除此之外，《瘋狂HTML 5/CSS 3/Java講義》還系統地介紹了Java編程知識，包括Java基本語法、DOM編程，以及HTML 5新增的本地存儲、離線應用、Java多線程、客戶端通信支持、WebSocket編程等。
5、HTML5觸摸界面設計與開發推薦指數：★★★★☆
簡介：《HTML5觸摸界面設計與開發》專注于觸摸界面的開發，內容的結構和優化網站的思路大概一致。上半部分涵蓋了能使各類網站，特別是移動網站變快的基本概念。書的后半部分是專門講觸摸界面的，特別是盡可能地讓它們更平穩和快速。本書適合具有一定經驗的Web開發者閱讀參考。
6、HTML5與CSS3權威指南（上下冊）（第3版）推薦指數：★★★★☆
簡介：本書分為上下兩冊。上冊全面系統地講解了HTML5相關的技術，以HTML5對現有Web應用產生的變革開篇;下冊全面系統地講解了CSS3相關的技術，以CSS3的功能和模塊結構開篇，順序講解了各種選擇器及其使用、文字與字體的相關樣式、盒相關樣式、背景與邊框相關樣式、布局相關樣式、變形處理、動畫、顏色相關樣式等內容。
7、HTML5+CSS3+jQuery Mobile輕松構造APP與移動網站推薦指數：★★★★☆
簡介：全書以HTML與CSS為主，配合jQuery制作網頁，并搭配jQuery Mobile制作移動網頁，通過具體的范例從基礎到高級循序漸進地講解。首先介紹了HTML5網頁開發和CSS網頁美化，還介紹了目前熱門的移動設備網頁技術，讀者無須學習復雜的程序，就能夠輕松創建移動設備的網頁;最后通過兩個移動設備網頁制作實例讓讀者進行實戰練習，以加深理解。理論部分介紹比較扎實，美中不足的是實戰案例相對較少。
8、HTML5程序設計（第2版）推薦指數：★★★★★
簡介：《HTML5程序設計(第2版)》首先介紹了HTML5的歷史背景、新的語義標簽及與以往HTML版本相比的根本變化，同時揭示了HTML5背后的設計原理。本書在上一版的基礎上新增了SVG和拖放API相關內容，并對部分內容進行了更新。從第2章起，分別圍繞構建令人神往的富Web 應用，逐一討論了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用，輔以直觀明了的客戶端和服務器端示例代碼，讓開發人員能夠迅速理解和掌握新一代Web標準所涵蓋的核心技術。
本書面向有一定經驗的Web應用開發人員，對HTML5及未來Web應用技術發展有濃厚興趣的讀者也可以學習參考。
9、Java語言精粹（修訂版）推薦指數：★★★★★
簡介：JS是門混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕。作者從語法、對象、函數、繼承、數組、正則表達式、方法、樣式和優美的特性這9個方面來呈現這門語言真正的精華部分，通過它們完全可以構建出優雅高效的代碼。作者還通過附錄列出了這門語言的毒瘤和糟粕部分，且告訴你如何避免它們。最后還介紹了JSLint，通過它的檢驗，能有效地保障我們的代碼品質。
10、HTML5 APP商業開發實戰教程推薦指數：★★★★★
簡介：這是目前唯一一本真正的HTML5 App開發教材，目前已在復旦、北大、西安交大、北京理工等五十多所高校投入教學使用。它的特點是由淺入深、由易到難，將開發技巧、和開發工具結合在一起闡述，同時選取了多個商業項目APP的實戰案例進行要點講解，通俗易懂。
和下面推薦的幾本書不同之處在于，本書是面向應用型本科和高等職業院校設計的標準化教材，并經過認證，且該教材能與國家及國際認證考試無縫對接。
尤為難得的是，本書配套錄制了非常詳實的課程視頻，在騰訊課堂和百度傳課都能免費收看。線下閱讀和線上授課相結合，對于消化、理解相關知識點有較好的輔助作用。
以上推薦的10本書籍，側重點各有不同，但其中肯定有一兩本是你所需要的。當然了，這些只是鳳毛麟角，想盡快學好HTML5的話還是要去培訓機構學習。千鋒武漢HTML5培訓課程采用全程面授高品質、高成本培養模式，教學大綱緊跟企業需求，且擁有全國一體化就業保障服務。
希望我的回答能幫到大家！