1、css3中有哪些偽類選擇器，css3中偽類選擇器由什么組成？

w3c規范中偽類有：

active、hover、link、visited 【css1】

所有主流瀏覽器都支持以上偽類，但是只在對標簽上的支持最好。

【css2】的有3個

focus ： 如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

first-child：必須聲明<!doctype>才能夠確保在ie中正常支持

lang：如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

2、css選擇器識別范圍？

css選擇器優先級核心：每個選擇器本身有優先級，作用范圍越具體優先級越高。

CSS優先級從高到低分別是：

1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。

2.作為style屬性寫在元素標簽上的內聯樣式

3.id選擇器

4.類選擇器

5.偽類選擇器

6.屬性選擇器

7.標簽選擇器

8.通配符選擇器

9.瀏覽器選擇器

當CSS樣式的規則由多個選擇器組成時，id選擇器的權值為1000，class選擇器為100，標簽選擇器為10，按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時，誰更具體用誰，也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣，后面樣式會覆蓋前面的！

3、怎么制定Web前端學習計劃？

一個非常好的問題。先解釋下Web前端開發的新發展。

隨著移動互聯網的發展，前端開發成為重點。移動端有多個平臺，Android，iOS，微信小程序，支付寶小程序，還有不斷出現的新操作系統，比如阿里YunOS，華為鴻蒙，等等。

為了支持這些平臺和系統，越來越多的應用開始使用H5跨平臺架構，現在有個新名詞叫做“大前端”。

這時的H5前端開發已經不再是單單的網頁開發了，而是前端應用開發。具體到H5 Hybrid架構，常用三劍客：HTML, css, JavaScript

1) HTML和css是頁面設計，沒有代碼邏輯

2) JavaScript編程，還有其它衍生語言，比如常用的TypeScript

JavaScript是一種腳本語言，由解釋器加載執行，常用在網頁前端動態展示、和服務后端交互等場景。接下來重點介紹JavaScript開發。

1）編程基礎，一到兩周

學習JavaScript語言基礎，掌握基本的編程方法。如果對著課本教程學習比較枯燥，難以堅持，那么可以使用網上的一些學習練手資源，邊學習邊動手，比如HackerRank

2）開發框架，一到兩月

JavaScript前端開發有很多成熟的框架可用，比如JQuery, AngularJS，React，還有前后端都跑通的NoteJS。阿里開源框架Ant Design Pro是一個功能完善的腳手架，推薦新學者練手。

新手學習時，推薦當前普遍使用的Top3開發框架，太新或者太舊的都不適合用來學習練手。

3）項目經驗，一到兩年

學習的最終目的是學以致用，在實際項目中積累經驗，不斷提升。有了一定技術基礎后，推薦嘗試參與開源項目，在開發功能、提交代碼的過程中，提升非常快。而且開源項目經驗，和工作經驗一樣，應聘時非常受歡迎。

我是工作多年的Web應用架構師，歡迎關注我，了解更多IT專業知識。

4、CSS樣式是專門用來進行什么的？

CSS即層疊樣式表（Cascading Style Sheets），是一種專門用來表現HTML或XML等文件樣式的計算機語言。

CSS樣式主要包含以下三種類型：

1、行內樣式（內嵌樣式）：結構的內部，即寫在標簽內的樣式；寫在標簽的開始部分內部，style屬性當中。

例：<標記 style="樣式的屬性名1：樣式的屬性值1；屬性名2：屬性值2；......"></標記>

2、內部樣式（內聯樣式）：寫在HTML頁面內部，存放于head標記當中，樣式寫在style標記內。

例：<style>選擇器 {屬性名：屬性值；屬性名：屬性值；......}</style>

3、外部樣式（外聯樣式）：寫在css文件內。