css選擇器優(yōu)先級學(xué)習(xí),為什么我在idea里面改了css樣式網(wǎng)頁不變?
第一,可能你沒引用該css第二,可能你選擇器的優(yōu)先級不夠第三,可能被后面的css覆蓋掉了第四,可能是js動態(tài)改變了該css第五,你沒有進(jìn)行底層刷新清除緩存樣式
比較好的WEB前端學(xué)習(xí)路線是什么?
首先前端相比之下確實比較好學(xué)... 另一方面,前端的需求很大,基本上所有的公司一定是要有前端程序員的,有很多公司現(xiàn)在的技術(shù)棧已經(jīng)很落后了,甚至有一些公司還沒有用現(xiàn)在流行的框架,還在用jq,你只要會基本的HTML和css,然后學(xué)一下jq的API找到一份前端的工作是很容易的,但是工資水平就不說了。
稍微好一點的程序員,應(yīng)該是有一定的框架項目經(jīng)驗,然后對css和js的運用有一定的心得。框架已經(jīng)改變了前端目前的生態(tài),熟練使用之后前端的開發(fā)已經(jīng)變得非常容易了,你需要注意類似狀態(tài)管理,生命流程管理之類的事情。另外就是類似webpack之類的工具,了解一下先慢慢就上手了。
然后前端經(jīng)常會說全棧這種說法,js的發(fā)展趨勢非常迅猛,至少了解一下node的相關(guān)知識,這樣會對你前端工作有一定幫助。
能想起來的(其他的以后再補),html+css你要做到:
布局(flex,grid)->樣式(css3)->CSS動畫->適配->
js方面?zhèn)€人
熟悉各種神奇的方法,比如:
體會js里面萬物皆為對象的思想,了解原型鏈這個神經(jīng)的設(shè)計,了解js里面獨特的神奇的數(shù)組。
《JavaScript語言精粹》是一本不錯的書,很薄的一本書但是內(nèi)容比較有啟發(fā)性,建議可以讀一讀。
之外的,算法一定要學(xué)的,然后瀏覽器的各種video,audio,canvas要了解的,最好深入至少一種API,一技傍身很有好處的。
綜上,看你想做什么程度的前端程序員了,中間的收入差距能差一個數(shù)量級...
一定要養(yǎng)成良好的代碼習(xí)慣,寫注釋。
學(xué)習(xí)路線
一、HTML、CSS基礎(chǔ)、JavaScript語法基礎(chǔ)。學(xué)完基礎(chǔ)后,可以仿照電商網(wǎng)站(例如京東、小米)做首頁的布局。
二、JavaScript語法進(jìn)階。包括:作用域和閉包、this和對象原型等。相信我,JS語法,永遠(yuǎn)是面試中最重要的部分。
三、jQuery、Ajax等。jQuery沒有過時,它仍然是前端基礎(chǔ)的一部分。
四、ES6語法。這部分屬于JS新增的語法,面試必問。其中,關(guān)于 promise、async 等內(nèi)容要尤其關(guān)注。
五、HTML5和CSS3。要熟悉其中的新特性。
六、canvas。面試時,有的公司不一定會問canvas,靠運氣。如果時間不夠,這部分的內(nèi)容可以先不學(xué)。但如果你會,絕對屬于加分項。
七、移動Web開發(fā)、Bootstrap等。要注意移動開發(fā)中的適配
css層次選擇器怎么用?
css層次選擇器具體用法如下:
采用后代選擇器 :從上面可以看出所有的標(biāo)簽都是body的后代,那么我們使用后代選擇器,就可以將body的后代(所有標(biāo)簽)改變樣式: 后代選擇器是用祖先加上空格再加上后代標(biāo)簽類型進(jìn)行聲明的。
以上資料供參考。
css3的transition是直接寫在選擇器上?
寫在哪里是要分情況的,是要看你想要實現(xiàn)什么效果。
1)如果寫在選擇器,如果是寫的rotate等事件,則直接執(zhí)行事件,如果寫的是transtion:all ease 0.5s,那么他在你鼠標(biāo)移入以及鼠標(biāo)移出的時候都會發(fā)揮作用。
2)寫在hover上,那么他只會在鼠標(biāo)移入的時候才執(zhí)行你自己定義的transtion動作,移出沒有效果;