html5中css基礎(chǔ)選擇器，css選擇器命名錯(cuò)誤的是？
錯(cuò)誤的應(yīng)該是D吧，CSS不能改變圖片的顏色。
前端初學(xué)者怎樣才能熟練地運(yùn)用好html？
新的一年新的開(kāi)始，我會(huì)繼續(xù)在悟空問(wèn)答分享自己的學(xué)習(xí)工作經(jīng)驗(yàn)。我不是前端大牛，但是也看過(guò)很多技術(shù)文章，有自己的看法。我不會(huì)站在一個(gè)“土豪”的角度說(shuō)東西，我會(huì)站在一個(gè)普通人的角度，通俗易懂的和你分享。
我也做了一年的前端，本科學(xué)的機(jī)械，但是感覺(jué)互聯(lián)網(wǎng)編程是更好的未來(lái)，才轉(zhuǎn)行到這里。開(kāi)始學(xué)習(xí)的時(shí)候也是摸爬滾打，工作之后公司就自己一個(gè)前端開(kāi)發(fā)，老大也真敢賭，在這里我也大大小小做了六七個(gè)項(xiàng)目。pc端移動(dòng)端都有，所以我跟你分享的東西會(huì)很真，不會(huì)站在一個(gè)很高的角度，但是也會(huì)讓你容易理解，通俗易懂，入門學(xué)習(xí)。
這位朋友問(wèn)的初學(xué)者怎么熟練用好html+css。確實(shí)今天的前端開(kāi)發(fā)不像很早之前部署完頁(yè)面就可以了，后臺(tái)寫(xiě)邏輯?，F(xiàn)在都提倡前后端分離。而html，css算是最基礎(chǔ)最基礎(chǔ)的東西了，還不算是html5和css3的新特性。
很多頁(yè)面實(shí)現(xiàn)都可以使用html和某些css實(shí)現(xiàn)，不使用某些特別的標(biāo)簽（說(shuō)實(shí)話我也沒(méi)有完全掌握html標(biāo)簽，但基礎(chǔ)布局都可以實(shí)現(xiàn)）。估計(jì)現(xiàn)在很多人不會(huì)做下來(lái)安靜地看書(shū)的，但是會(huì)使用百度，看點(diǎn)菜鳥(niǎo)教程這些文檔還是很好的。不用想太多上來(lái)就做一個(gè)京東首頁(yè)布局，淘寶首頁(yè)布局。這里面其實(shí)有很多交互的，可能還涉及js的知識(shí)。建議可以找一個(gè)靜態(tài)頁(yè)面，實(shí)現(xiàn)簡(jiǎn)單的布局，在實(shí)踐中才能更好學(xué)習(xí)到東西。像悟空問(wèn)答的回答區(qū)，任務(wù)這里怎么布局，頭像為什么是圓的？頭像右側(cè)怎么才能兩行，左右側(cè)有個(gè)關(guān)注按鈕怎么實(shí)現(xiàn)長(zhǎng)寬色彩這些，一點(diǎn)一點(diǎn)實(shí)現(xiàn)，不要好高騖遠(yuǎn)。
要有個(gè)好態(tài)度，主動(dòng)去學(xué)習(xí)。如果小編想仿照某一個(gè)頁(yè)面，看到好看的效果，可以使用F12，看看人家的dom布局，和樣式書(shū)寫(xiě)。其中可以最直接在瀏覽器內(nèi)修改看效果，保持一顆好奇心。多查資料，現(xiàn)在很多效果都可以百度出來(lái)，遇到問(wèn)題不要先想-這咋整啊，不可能啊。這會(huì)讓別人很厭煩。最開(kāi)始做app時(shí)候，也沒(méi)人帶我，我一想到圖片拍照上傳，二維碼掃描，地圖什么的我也害怕了。所以在項(xiàng)目開(kāi)始之前我就查閱資料，問(wèn)一些前輩。其實(shí)很多技術(shù)都很成熟了，不用擔(dān)心，重要的是有一顆學(xué)習(xí)的心。
既然是熟練的使用，一定要多做，多寫(xiě)。像很多人剛開(kāi)始的時(shí)候連標(biāo)簽都記不住，英文單詞都不行，也談不上熟練。打字的時(shí)候還單手指按，也不可能效率高，這些東應(yīng)該是編寫(xiě)好代碼的前提。
現(xiàn)在技術(shù)更迭很快，有些人了解了html，css，js，其實(shí)可以先上手框架了。我也不是html，js這些玩得很溜了，才學(xué)習(xí)的框架。而是在些項(xiàng)目的時(shí)候一點(diǎn)一點(diǎn)的深入的。畢竟沒(méi)有到那個(gè)程度，看幾個(gè)例子就知道了原理，遇到某些效果就可以靈活的運(yùn)用。我也是看了很多文檔，有自己的思考，有自己的演示，像js同步異步，宏任務(wù)微任務(wù)，剛開(kāi)始接觸前端的時(shí)候根本沒(méi)有接觸過(guò)這些概念。
希望看到這里的朋友，我感覺(jué)知識(shí)道理是實(shí)踐出來(lái)的，不是看到個(gè)東西想就能想明白，看著都很正確，到自己書(shū)寫(xiě)的時(shí)候未必是那樣的。所以就是多練習(xí)，多寫(xiě)，多問(wèn)。只要肯付出，在電腦前減少玩游戲的時(shí)間，減少看直播的時(shí)間，減少追劇的時(shí)間，減少扯淡的時(shí)間，能力慢慢就提升了。
我是測(cè)不準(zhǔn)，希望在新的一年里通過(guò)自己的努力面試進(jìn)頭條公司。只是發(fā)表一些自己的愚見(jiàn)，不喜勿噴，如果你現(xiàn)在在學(xué)習(xí)前端，有問(wèn)題可以給我留言，大家一起學(xué)習(xí)進(jìn)步！
*百度網(wǎng)盤(pán)也有些學(xué)習(xí)資料，感興趣的小伙伴可以留言。不需關(guān)注。
自學(xué)HTML5的條件是什么？
對(duì)于許多自學(xué)前端的學(xué)習(xí)者來(lái)說(shuō)，學(xué)習(xí)興趣是濃厚的，但是往往求學(xué)無(wú)方?，F(xiàn)在網(wǎng)上的資源良莠不齊，在海量的信息庫(kù)里挑選適合自己的HTML5學(xué)習(xí)線路更是難上加難。
今天小編就給大家分享一個(gè)HTML5初級(jí)開(kāi)發(fā)工程師學(xué)習(xí)線路。
第一部分是HTML5課程介紹，通過(guò)這段課程學(xué)習(xí)，學(xué)生可以對(duì)整個(gè)HTML5課程有全面的了解，對(duì)未來(lái)主要的工作和業(yè)務(wù)應(yīng)用場(chǎng)景有初步的認(rèn)識(shí)。
1、互聯(lián)網(wǎng)發(fā)展趨勢(shì)
2、H5語(yǔ)言的優(yōu)勢(shì)
3、簡(jiǎn)單易學(xué)人人都能編程
4、H5就業(yè)和薪資情況
5、H5常見(jiàn)的項(xiàng)目與產(chǎn)品
6、H5的未來(lái)與方向
第二部分是HTML基礎(chǔ)，通過(guò)這一部分基礎(chǔ)學(xué)習(xí)，學(xué)生可以學(xué)會(huì)HTML，并且了解網(wǎng)頁(yè)的組成，可寫(xiě)出基本的網(wǎng)頁(yè)結(jié)構(gòu)。
1、HTML簡(jiǎn)介與歷史版本
2、常用開(kāi)發(fā)軟件
3、常見(jiàn)標(biāo)簽與屬性
4、表格與表單
5、標(biāo)簽規(guī)范與標(biāo)簽語(yǔ)義化
6、實(shí)戰(zhàn)：網(wǎng)頁(yè)結(jié)構(gòu)布局
第三部分是CSS基礎(chǔ)，通過(guò)此階段的學(xué)習(xí)，學(xué)生可以學(xué)會(huì)CSS，利用PS工具進(jìn)行樣式開(kāi)發(fā)，結(jié)合HTML結(jié)構(gòu)完成整頁(yè)制作。
1、css簡(jiǎn)介與基本語(yǔ)法
2、常見(jiàn)的各種樣式屬性
3、CSS選擇器與標(biāo)簽類型
4、理解盒子模型與CSS重置
5、浮動(dòng)與定位
6、利用photoshop工具測(cè)量樣式
7、HTML+CSS開(kāi)發(fā)網(wǎng)頁(yè)
8、實(shí)戰(zhàn)：高仿電商首頁(yè)效果
第四部分是CSS3基礎(chǔ)，學(xué)成之后，學(xué)生可以利用CSS3制作出炫酷的網(wǎng)頁(yè)動(dòng)態(tài)效果。
1、css3常見(jiàn)樣式
2、css3選擇器
3、變形與動(dòng)畫(huà)
4、3D效果與關(guān)鍵幀
5、彈性盒模型
第五部分是移動(dòng)端布局，通過(guò)這一階段的學(xué)習(xí)，可以掌握移動(dòng)端概念與移動(dòng)端布局方案，理解什么是響應(yīng)式，利用bootstrap來(lái)搭建頁(yè)面。
1、移動(dòng)端基本概念
2、viewport窗口設(shè)置
3、移動(dòng)端布局方案
4、rem、vh、vw等單位
5、響應(yīng)式布局
6、bootstrap框架
第六部分是JavaScript基礎(chǔ)，可以基本掌握J(rèn)S基本語(yǔ)法和簡(jiǎn)單的邏輯處理，掌握J(rèn)S核心內(nèi)容，利用JS開(kāi)發(fā)網(wǎng)頁(yè)中常見(jiàn)的特效效果。
1、JS簡(jiǎn)介
2、JS變量
3、數(shù)據(jù)類型與類型轉(zhuǎn)換
4、運(yùn)算符與優(yōu)先級(jí)
5、流程控制-if..else
6、流程控制-switch...case
7、流程控制-while、do..while、for循環(huán)
8、break、continue語(yǔ)法
9、函數(shù)定義與調(diào)用
10、全局變量與局部變量
11、函數(shù)傳參與返回值
12、函數(shù)作用域與變量作用域
13、DOM的基本操作
14、定時(shí)器使用
15、this指向與修改指向
16、數(shù)組、字符串等方法操作
17、時(shí)間對(duì)象與正則對(duì)象
18、掌握常見(jiàn)BOM操作
19、常見(jiàn)事件與事件細(xì)節(jié)
20、JSON與AJAX
21、JSONP跨域操作
22、前端cookie的使用
23、實(shí)戰(zhàn)：JS配合HTML與CSS完成電商項(xiàng)目
第七部分是jquery框架，此階段的學(xué)習(xí)結(jié)束，學(xué)生可以學(xué)會(huì)jquery框架，利用jquery框架快速開(kāi)發(fā)網(wǎng)頁(yè)效果。
1、jquery核心思想
2、jquery常見(jiàn)方法
3、jquery動(dòng)畫(huà)操作
4、jqueryAJAX操作
5、jquery工具方法
6、利用jquery快速開(kāi)發(fā)網(wǎng)頁(yè)
第八部分是PHP基礎(chǔ)，學(xué)習(xí)之后可以掌握前后端真實(shí)開(kāi)發(fā)模式，能夠?qū)?shù)據(jù)庫(kù)進(jìn)行CURD操作，并能顯示數(shù)據(jù)到頁(yè)面，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)。
1、PHP簡(jiǎn)介與基本語(yǔ)法
2、mysql數(shù)據(jù)庫(kù)及sql語(yǔ)法
3、apache服務(wù)器與集成開(kāi)發(fā)工具
4、PHP鏈接數(shù)據(jù)庫(kù)
5、PHP與AJAX交互
6、實(shí)戰(zhàn)：留言板、登錄、注冊(cè)等
第九部分是H5基礎(chǔ)項(xiàng)目，也是此學(xué)習(xí)路線的尾聲部分。學(xué)生能夠獨(dú)立完成一整個(gè)大型網(wǎng)站的前端開(kāi)發(fā)。具備獨(dú)立的項(xiàng)目開(kāi)發(fā)能力和思考能力。并且，做到多設(shè)備、多瀏覽器兼容等處理實(shí)現(xiàn)。
1、項(xiàng)目簡(jiǎn)介
2、項(xiàng)目功能演示
3、項(xiàng)目劃分及框架
4、編寫(xiě)HTML頁(yè)面結(jié)構(gòu)
5、設(shè)置CSS樣式
6、添加JS交互
7、可選框架：bootstrap、jquery、PHP等
8、項(xiàng)目調(diào)試及兼容
9、項(xiàng)目驗(yàn)收
值得推薦的HTML5相關(guān)書(shū)籍有哪些？
《HTML5布局之路》主要內(nèi)容
● PC端靜態(tài)網(wǎng)站開(kāi)發(fā)知識(shí)與技術(shù)（HTML、CSS）
● 移動(dòng)端網(wǎng)站開(kāi)發(fā)知識(shí)與技術(shù)（HTML5、CSS3）
● 基礎(chǔ)知識(shí)自評(píng)習(xí)題集
● 章節(jié)性代碼習(xí)題集
● 涉及多章節(jié)知識(shí)的網(wǎng)頁(yè)案例實(shí)戰(zhàn)
● 各類軟件、工具、輔助學(xué)習(xí)類文件
● 注：本書(shū)不涉及JavaScript。
《HTML5布局之路》是一本什么樣的書(shū)
《HTML5布局之路》主要知識(shí)章節(jié)概覽
第1~16章為技術(shù)知識(shí)章節(jié)，17~19章分別為配套練習(xí)題、案例等，附錄為相關(guān)軟件、工具介紹。