1、 css復(fù)合選擇器使用說明書,標(biāo)簽指定式選擇器的寫法要求的是?
BCD B 比如class類型 class = "nav"的話 那么css對應(yīng) .nav{} C 比如 body input 就是直接對應(yīng) body{} input{} D ID選擇器 id="name" 那么css對應(yīng) #name{}
2、 css3中變量聲明及使用?
變量在使用前就要被定義或者聲明。變量聲明意思是用于向程序表明變量的類型和名字。
3、 剛開始學(xué)HTML5?
HTML5和CSS作為前端廣泛使用的編程語言,其實開發(fā)軟件非常多,既有輕巧便捷的代碼編輯器,也有厚重專業(yè)的IDE,下面我簡單介紹幾個,感興趣的朋友可以嘗試一下:
VS Code這個是微軟開發(fā)的一個免費、開源、跨平臺的代碼編輯器,支持常見的語法提示、智能補(bǔ)全、代碼高亮、Git等功能,插件擴(kuò)展豐富,生態(tài)環(huán)境良好,可編輯語言多達(dá)幾十種,其中就包括HTML5,CSS等前端開發(fā),界面質(zhì)黑炫酷,非常符合程序員的風(fēng)格,使用起來也非常不錯:
HBuilder這是一個非常不錯的國產(chǎn)前端開發(fā)軟件,輕巧極速,界面柔綠,清爽護(hù)眼,支持常見的語法提示、自動補(bǔ)全、代碼高亮,除此之外,還支持markdown功能,可以輕松將H5開發(fā)的頁面打包成手機(jī)app,使用起來非常不錯,感興趣的朋友可以嘗試一下:
Sublime Text這也是一個非常不錯的代碼編輯器,免費、跨平臺、輕巧靈活,文本編輯功能強(qiáng)大,常見的語法檢查、提示、自動補(bǔ)全等功能都能很好支持,多項目、多窗口切換,快捷命令強(qiáng)大,是一個很不錯的前端開發(fā)軟件:
Dreamweaver這是一個專門用于開發(fā)Web網(wǎng)頁的軟件,可以快速創(chuàng)建網(wǎng)頁,支持html,css等代碼快速編寫,語法提示、自動補(bǔ)全等功能都不錯,可以直接編寫網(wǎng)頁內(nèi)容,并查看運行效果,對于初學(xué)者來說,是一個很不錯的軟件,可以嘗試一下:
Notepad++這是一個輕巧的文本編輯器,開源、小巧、免費,記事本的增強(qiáng)版,大部分開發(fā)人員都應(yīng)該使用過,非常不錯,支持的編程語法達(dá)27種,自動補(bǔ)全、語法提示、代碼高顯亮等功能都不錯,是一個很不錯的軟件:
WebStorm這是一個專業(yè)的前端開發(fā)軟件,Jetbrains公司研發(fā),相比于前面的軟件來說,這個軟件是重量級的,常見的智能補(bǔ)全、代碼高亮、語法提示、Git等功能,這個軟件都能很好的支持,除此之外,還可以進(jìn)行代碼調(diào)試、代碼重構(gòu)等,是一個非常不錯的軟件:
目前,就分享這6個前端開發(fā)軟件吧,對于日常開發(fā)Html5,CSS,JS等來說,完全夠用了,當(dāng)然,你也可以使用其他軟件來完成,像Editplus,Atom,Eclipse,VS等,都可以,適合自己就行,網(wǎng)上也有相關(guān)教程和資料,介紹的非常詳細(xì),感興趣的話,可以搜一下,希望以上分享的內(nèi)容能對你有所幫助吧,也歡迎大家評論、留言。
4、 css中px和em有什么區(qū)別?
px特點
1. IE無法調(diào)整那些使用px作為單位的字體大小;
2. 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em或rem作為字體單位;
3. Firefox能夠調(diào)整px和em,rem,但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)。
px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。(引自CSS2.0手冊)
em是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置,則相對于瀏覽器的默認(rèn)字體尺寸。(引自CSS2.0手冊)
任意瀏覽器的默認(rèn)字體高都是16px。所有未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算,需要在css中的body選擇器中聲明Font-size=62.5%,這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數(shù)值除以10,然后換上em作為單位就行了。
em特點
1. em的值并不是固定的;
2. em會繼承父級元素的字體大小。
所以我們在寫CSS的時候,需要注意兩點:
1. body選擇器中聲明Font-size=62.5%;
2. 將你的原來的px數(shù)值除以10,然后換上em作為單位;
3. 重新計算那些被放大的字體的em數(shù)值。避免字體大小的重復(fù)聲明。
也就是避免1.2 * 1.2= 1.44的現(xiàn)象。比如說你在#content中聲明了字體大小為1.2em,那么在聲明p的字體大小時就只能是1em,而不是1.2em, 因為此em非彼em,它因繼承#content的字體高而變?yōu)榱?em=12px。
計算公式:1 ÷ 父元素的font-size × 需要轉(zhuǎn)換的像素值 = em值
rem特點
rem是CSS3新增的一個相對單位(root em,根em),這個單位引起了廣泛關(guān)注。這個單位與em有什么區(qū)別呢?區(qū)別在于使用rem為元素設(shè)定字體大小時,仍然是相對大小,但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身,通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。目前,除了IE8及更早版本外,所有瀏覽器均已支持rem。對于不支持它的瀏覽器,應(yīng)對方法也很簡單,就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設(shè)定的字體大小。你是想了解相關(guān)知識嗎?建議去優(yōu)就業(yè)了解相關(guān)課程