1、如何快速掌握css選擇器，前端開(kāi)發(fā)html要掌握哪些知識(shí)？

網(wǎng)頁(yè)前端開(kāi)發(fā)工程師就是與網(wǎng)頁(yè)打交到。下面幾個(gè)技能是必備的。

寫(xiě)網(wǎng)頁(yè)怎么離得開(kāi)html，html也叫超文本標(biāo)記語(yǔ)言，它包括很多標(biāo)簽。通過(guò)標(biāo)簽對(duì)文字，圖片，聲音，視屏等網(wǎng)頁(yè)元素進(jìn)行格式化處理。html就是網(wǎng)頁(yè)的基礎(chǔ)。

CSS是層疊樣式表的英文簡(jiǎn)稱(chēng)，CSS能夠?qū)W(wǎng)頁(yè)的元素的位置進(jìn)行排版，那些漂亮的網(wǎng)頁(yè)就是用CSS進(jìn)行排版的，什么元素在什么位置都是通過(guò)CSS進(jìn)行處理的，部分網(wǎng)頁(yè)的動(dòng)態(tài)效果也是用css實(shí)現(xiàn)的，常見(jiàn)的loading樣式，鼠標(biāo)進(jìn)入圖片放大等效果都可以用CSS實(shí)現(xiàn)。網(wǎng)頁(yè)的布局離不開(kāi)CSS。

JavaScript簡(jiǎn)稱(chēng)js，是一款解釋型腳本語(yǔ)言，它對(duì)網(wǎng)頁(yè)的作用就是處理用戶(hù)事件的，比如網(wǎng)頁(yè)的元素被點(diǎn)擊后有什么效果，就需要利用js進(jìn)行事件綁定。比如登錄界面，用戶(hù)輸入賬號(hào)密碼后點(diǎn)擊登錄。js就會(huì)處理這些事件，去訪問(wèn)后臺(tái)拿到結(jié)果后判斷是否登錄成功。總之，js就是處理事件的。

前端框架就是對(duì)js的二次封裝，把常用的功能封裝起來(lái)，提高開(kāi)發(fā)者的開(kāi)發(fā)效率。

常見(jiàn)的前端框架有jquery：獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和簡(jiǎn)潔的多功能接口；具有高效靈活的css選擇器，并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展。

Bootstrap：讓頁(yè)面更加簡(jiǎn)潔、直觀。是移動(dòng)設(shè)備優(yōu)秀的前端開(kāi)發(fā)框架,讓網(wǎng)頁(yè)開(kāi)發(fā)更迅速、更簡(jiǎn)單。它還提供了優(yōu)雅的HTML和CSS規(guī)范，有著豐富的網(wǎng)格布局系統(tǒng)以及大量的可重用組件，還支持JavaScript、jQuery插件以及組件定制等。

AngularJS：有很多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語(yǔ)義化標(biāo)簽、依賴(lài)注入等等。

Vue：Vue.js是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

網(wǎng)頁(yè)寫(xiě)好了，總是要看看效果的，這個(gè)時(shí)候調(diào)試工具是必要的，一般都是用瀏覽器進(jìn)行調(diào)試，chrome，F(xiàn)irefox等主流瀏覽器的網(wǎng)頁(yè)調(diào)試方法都要會(huì)。

以上都學(xué)會(huì)了，就需要項(xiàng)目進(jìn)行實(shí)戰(zhàn)了。

2、html子元素怎么表示？

在使用 emmet 的縮寫(xiě)形式來(lái)創(chuàng)建 html 代碼結(jié)構(gòu)的時(shí)候，可以使用嵌套。在元素里嵌套它的子元素，可以使用大于號(hào)(>)。

比如在一個(gè)無(wú)序列表 ul 元素里，嵌套一個(gè)它的子元素 li 元素 … 先輸入一個(gè) ul .. 后面加上一個(gè)大于號(hào)，如果你學(xué)習(xí)過(guò)寧皓網(wǎng)的 CSS3 選擇器的課程，你會(huì)知道，這個(gè) > 號(hào)表示元素的子元素 … 在它的右邊輸入大于號(hào)左邊的元素的子元素的名字 …. 這里就是 li 元素 … 按下 tab 鍵 …

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

這個(gè) ul>li 有個(gè)更簡(jiǎn)單的形式，(#撤回).... 直接使用 ul+ … 這個(gè)簡(jiǎn)寫(xiě)形式會(huì)得到同樣的結(jié)果 …

類(lèi)型的還有 ol+ … 它是 ol>li 的簡(jiǎn)寫(xiě)形式 … 也就是在 ol 有序列表元素里，嵌套一個(gè) li 元素 …

table

3、標(biāo)簽選擇器有哪些？

1. 標(biāo)簽名選擇器 div { color：Red;} /即頁(yè)面中的各個(gè)標(biāo)簽名的css樣式

2.類(lèi)選擇器 .divClass {color:Red;} /即定義的每個(gè)標(biāo)簽的class 中的css樣式

3.ID選擇器 #myDiv {color:Red;} /即頁(yè)面中的標(biāo)簽的id

4.后代選擇器（類(lèi)選擇器的后代選擇器） .divClass span { color:Red;} /即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽

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

4、和css中的選擇器有什么區(qū)別？

這個(gè)是有區(qū)別的。

1、首先說(shuō)兩者是屬于不同的兩門(mén)語(yǔ)言，jquery是屬于js的一個(gè)框架，則其選擇器是js里面的選擇器，css是另一門(mén)不同于js的語(yǔ)言，其選擇器是css選擇器，則兩者在根本上是不同的。

2、但是兩者是有交集的，都是作為網(wǎng)頁(yè)或者瀏覽器解析的語(yǔ)言，而js可以通過(guò)修改瀏覽器的dom對(duì)象來(lái)實(shí)現(xiàn)對(duì)css修改或者是控制。

3、可以簡(jiǎn)單的這樣區(qū)分兩者，css選擇器用語(yǔ)css當(dāng)中，js選擇器應(yīng)用于js當(dāng)中，只不過(guò)有時(shí)兩者使用相同的id標(biāo)識(shí)來(lái)選擇對(duì)象。