1、如何快速掌握css選擇器，前端開發html要掌握哪些知識？

網頁前端開發工程師就是與網頁打交到。下面幾個技能是必備的。

寫網頁怎么離得開html，html也叫超文本標記語言，它包括很多標簽。通過標簽對文字，圖片，聲音，視屏等網頁元素進行格式化處理。html就是網頁的基礎。

CSS是層疊樣式表的英文簡稱，CSS能夠對網頁的元素的位置進行排版，那些漂亮的網頁就是用CSS進行排版的，什么元素在什么位置都是通過CSS進行處理的，部分網頁的動態效果也是用css實現的，常見的loading樣式，鼠標進入圖片放大等效果都可以用CSS實現。網頁的布局離不開CSS。

JavaScript簡稱js，是一款解釋型腳本語言，它對網頁的作用就是處理用戶事件的，比如網頁的元素被點擊后有什么效果，就需要利用js進行事件綁定。比如登錄界面，用戶輸入賬號密碼后點擊登錄。js就會處理這些事件，去訪問后臺拿到結果后判斷是否登錄成功。總之，js就是處理事件的。

前端框架就是對js的二次封裝，把常用的功能封裝起來，提高開發者的開發效率。

常見的前端框架有jquery：獨特的鏈式語法和簡潔的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展。

Bootstrap：讓頁面更加簡潔、直觀。是移動設備優秀的前端開發框架,讓網頁開發更迅速、更簡單。它還提供了優雅的HTML和CSS規范，有著豐富的網格布局系統以及大量的可重用組件，還支持JavaScript、jQuery插件以及組件定制等。

AngularJS：有很多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。

Vue：Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

網頁寫好了，總是要看看效果的，這個時候調試工具是必要的，一般都是用瀏覽器進行調試，chrome，Firefox等主流瀏覽器的網頁調試方法都要會。

以上都學會了，就需要項目進行實戰了。

2、html子元素怎么表示？

在使用 emmet 的縮寫形式來創建 html 代碼結構的時候，可以使用嵌套。在元素里嵌套它的子元素，可以使用大于號(>)。

比如在一個無序列表 ul 元素里，嵌套一個它的子元素 li 元素 … 先輸入一個 ul .. 后面加上一個大于號，如果你學習過寧皓網的 CSS3 選擇器的課程，你會知道，這個 > 號表示元素的子元素 … 在它的右邊輸入大于號左邊的元素的子元素的名字 …. 這里就是 li 元素 … 按下 tab 鍵 …

得到的代碼就是一組 ul 元素里嵌套一個 li 子元素 ..

這個 ul>li 有個更簡單的形式，(#撤回).... 直接使用 ul+ … 這個簡寫形式會得到同樣的結果 …

類型的還有 ol+ … 它是 ol>li 的簡寫形式 … 也就是在 ol 有序列表元素里，嵌套一個 li 元素 …

table

3、標簽選擇器有哪些？

1. 標簽名選擇器 div { color：Red;} /即頁面中的各個標簽名的css樣式

2.類選擇器 .divClass {color:Red;} /即定義的每個標簽的class 中的css樣式

3.ID選擇器 #myDiv {color:Red;} /即頁面中的標簽的id

4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} /即多個選擇器以逗號的格式分隔 命名找到準確的標簽

5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標簽分組顯示

4、和css中的選擇器有什么區別？

這個是有區別的。

1、首先說兩者是屬于不同的兩門語言，jquery是屬于js的一個框架，則其選擇器是js里面的選擇器，css是另一門不同于js的語言，其選擇器是css選擇器，則兩者在根本上是不同的。

2、但是兩者是有交集的，都是作為網頁或者瀏覽器解析的語言，而js可以通過修改瀏覽器的dom對象來實現對css修改或者是控制。

3、可以簡單的這樣區分兩者，css選擇器用語css當中，js選擇器應用于js當中，只不過有時兩者使用相同的id標識來選擇對象。