1、css3新增的選擇器有哪些，類型選擇符用什么標記？

類選擇符：自己定義的包含多條樣式的集合，以“.”開頭。可以在頁面中重復使用該樣式。如：.aaa{ ……}類型選擇符：定義HTML固有標簽的樣式。前面不加“.”例如：p{ ……}ID選擇符，和類選擇符格式相同。區別在于以“#”開頭,而且ID是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個結構/內容例如：#aaa{ ……}通配符，顧名思意：對頁面內所以標簽都生效。其名稱必須為“*”。例如：*{ ……}偽類：常用的有四個、即A標簽里的四個狀態（a:link a:visited a:hover a:active）。

其他的如:lang :focus等不常用，也存在兼容問題。

2、css三種選擇器的特點？

css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。

（可能名稱有不同的說法，但意思都是一樣的） 標記選擇器是利用HTML的標記直接定義標記內容的樣式，如：h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器，定義的時候要在名稱前加.如：.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW寫CSS的時候，高級就是上面說的ID選擇器，ID選擇器的名字可以任意命名，可以自己定義，可是標簽就只能是HTML語言里制定的那些標記，不能自己定義。

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

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

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

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

一，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、使用css3的屬性選擇器設置搜索？

通過設置搜索框的width屬性和heoght屬性來設置搜索框的大小。