1、網(wǎng)頁設(shè)計與制作5個css選擇器，為什么看到有的前端工程師將css每個選擇器里的內(nèi)容寫成一行？

應該是個老程序猿，之前css壓縮沒有實現(xiàn)的時候，通過縮短選擇器嵌套，人工進行壓縮就出現(xiàn)了這個。而且沒有l(wèi)ess，scss開發(fā)的時候這種情況更甚，不過有了這些便捷的開發(fā)方式也希望去注意一點嵌套層數(shù)。

推薦項目工程呢還是用less，scss開發(fā)比較好，css文件開發(fā)期就是被編譯的壓不壓縮無所謂了。

推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發(fā)展全棧或者學習node，這個玩意兒繞不開1

2、和網(wǎng)頁制作三劍客之間有什么關(guān)系呢？

Javascript,Html,css都是做網(wǎng)站的語言，利用這些語言來編寫代碼以建成你想要實現(xiàn)的網(wǎng)頁。而網(wǎng)頁三劍客，Dreamweaver,flash firework，可以幫你更便捷的編寫，比如排版啊，制作小Flash，修改圖片，三劍客是輔助軟件，也就相當于對網(wǎng)站做的美工。重點是對語言的學習，而Html是做網(wǎng)頁基礎(chǔ)的基礎(chǔ)，然后ASP,JSP等等。

3、學HTML5要學些什么知識？

對于想從事IT工作的人們來說，HTML5前端開發(fā)是一個不錯的切入點。學習的門檻低，而且與后端語言相比，前期沒有那么多抽象的知識需要理解，HTML5的學習曲線是先快后慢的。

對于HTML5零基礎(chǔ)的人員來說，可能看到一開始有許多的知識點，就會覺得基礎(chǔ)知識很多、很難學，其實只要規(guī)劃好了一條學習路線，學習的時候更有針對性，HTML5遠沒有看起來那么難，知識點也沒有你想的那么復雜。

1、HTML5介紹

內(nèi)容包括：(互聯(lián)網(wǎng)發(fā)展趨勢、HTML5語言的優(yōu)勢、簡單易學人人都能編程、H5就業(yè)和薪資情況、HTML5常見的項目與產(chǎn)品、HTML5的未來與方向)

2、HTML基礎(chǔ)

內(nèi)容包括：(HTML簡介與歷史版本、常用開發(fā)軟件、常見標簽與屬性、表格與表單、標簽規(guī)范與標簽語義化、實戰(zhàn)：網(wǎng)頁結(jié)構(gòu)布局)

3、CSS基礎(chǔ)

內(nèi)容包括：(CSS簡介與基本語法、常見的各種樣式屬性、CSS選擇器與標簽類型、理解盒子模型與CSS重置、浮動與定位、利用PS工具測量樣式、HTML+CSS開發(fā)網(wǎng)頁、實戰(zhàn)：仿電商首頁效果)

4、CSS3基礎(chǔ)

內(nèi)容包括：(CSS3常見樣式、CSS3選擇器、變形與動畫、3D效果與關(guān)鍵幀、彈性盒模型）

5、移動端布局

（移動端基本概念、viewport窗口設(shè)置、移動端布局方案、rem、vh、vw等單位、響應式布局、bootstrap框架)

6、JavaScript基礎(chǔ)

內(nèi)容包括：(JS簡介、JS變量、數(shù)據(jù)類型與類型轉(zhuǎn)換、運算符與優(yōu)先級、流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for循環(huán)、break、continue語法、函數(shù)定義與調(diào)用、全局變量與局部變量。還有函數(shù)傳參與返回值、函數(shù)作用域與變量作用域、DOM的基本操作、定時器使用、this指向與修改指向、數(shù)組、字符串等方法操作、時間對象與正則對象、掌握常見BOM操作、常見事件與事件細節(jié)、JSON與AJAX、JSONP跨域操作、前端cookie的使用、實戰(zhàn)：JS配合HTML與CSS完成電商項目)

7、jquery框架

內(nèi)容包括：(jquery框架介紹及優(yōu)勢介紹、jquery核心思想、jquery常見方法、jquery動畫操作、jqueryAJAX操作、jquery工具方法、利用jquery快速開發(fā)網(wǎng)頁)

8、PHP基礎(chǔ)

內(nèi)容包括：(PHP簡介與基本語法、mysql數(shù)據(jù)庫及sql語法、apache服務器與集成開發(fā)工具、PHP鏈接數(shù)據(jù)庫、PHP與AJAX交互、實戰(zhàn)：留言板、登錄、注冊等)

9、HTML5基礎(chǔ)項目

內(nèi)容包括：(項目簡介、項目功能演示、項目劃分及框架、編寫HTML頁面結(jié)構(gòu)、設(shè)置CSS樣式、添加JS交互、可選框架：bootstrap、jquery、PHP等、項目調(diào)試及兼容、項目驗收)

雖然HTML5前端薪資高入門門檻低， 但是俗話說得好：入門容易，精通難。HTML5前端開發(fā)的知識點繁多，要想真正掌握HTML5前端工程師開發(fā)技能，并非易事，因此什么時候也不要忘記多學習，多思考，多練習。

4、怎樣使用瀏覽器查看網(wǎng)頁HTML和CSS源代碼？

整體簡介： 使用瀏覽器的查看網(wǎng)頁源代碼功能可以查看當前頁面的HTML和CSS源代碼 工具原料： IE,360極速瀏覽器，或任一一款瀏覽器均可 解決方法： 以360極速瀏覽器為例 打開任意一網(wǎng)站頁面，然后在頁面的空白處右擊，在彈出的菜單中選擇查看源代碼 在新打開的源代碼頁面中可以看見CSS文件的引用。