HTML/CSS局部

1、什么是盒子模型？

在網(wǎng)頁中，一個(gè)元素占有空間的大小由幾個(gè)局部構(gòu)成，其中包括元素的內(nèi)容（content），元素的內(nèi)邊距（padding），元素的邊框（border），元素的外邊距（margin）四個(gè)局部。這四個(gè)局部占有的空間中，有的局部能夠顯現(xiàn)相應(yīng)的內(nèi)容，而有的局部只用來分隔相鄰的區(qū)域或區(qū)域。4個(gè)局部一同構(gòu)成了css中元素的盒模型。

2、行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？

行內(nèi)元素：a、b、span、img、input、strong、select、label、em、button、textarea

塊級(jí)元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系沒有內(nèi)容的HTML元素，例如：br、meta、hr、link、input、img

3、CSS完成垂直程度居中

一道經(jīng)典的問題，完成辦法有很多種，以下是其中一種完成：

HTML構(gòu)造：

CSS：

4、簡(jiǎn)述一下src與href的區(qū)別

href 是指向網(wǎng)絡(luò)資源所在位置，樹立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，用于超鏈接。

src是指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置；在懇求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如js腳本，img圖片和frame等元素。當(dāng)閱讀器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處置，直到將該資源加載、編譯、執(zhí)行終了，圖片和框架等元素也如此，相似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。

5、什么是CSS Hack?

普通來說是針對(duì)不同的閱讀器寫不同的CSS,就是 CSS Hack。

IE閱讀器Hack普通又分為三種，條件Hack、屬性級(jí)Hack、選擇符Hack（細(xì)致參考CSS文檔：css文檔）。例如：

6、簡(jiǎn)述同步和異步的區(qū)別

同步是阻塞形式，異步是非阻塞形式。

同步就是指一個(gè)進(jìn)程在執(zhí)行某個(gè)懇求的時(shí)分，若該懇求需求一段時(shí)間才干返回信息，那么這個(gè)進(jìn)程將會(huì)不斷等候下去，直到收到返回信息才繼續(xù)執(zhí)行下去；

異步是指進(jìn)程不需求不斷等下去，而是繼續(xù)執(zhí)行下面的操作，不論其他進(jìn)程的狀態(tài)。當(dāng)有音訊返回時(shí)系統(tǒng)會(huì)通知進(jìn)程停止處置，這樣能夠進(jìn)步執(zhí)行的效率。

7、px和em的區(qū)別

px和em都是長(zhǎng)度單位，區(qū)別是，px的值是固定的，指定是幾就是幾，計(jì)算比擬容易。em得值不是固定的，并且em會(huì)繼承父級(jí)元素的字體大小。

閱讀器的默許字體高都是16px。所以未經(jīng)調(diào)整的閱讀器都契合: 1em=16px。那么12px=0.75em, 10px=0.625em

8、什么叫文雅降級(jí)和漸進(jìn)加強(qiáng)？

漸進(jìn)加強(qiáng) progressive enhancement：

針對(duì)低版本閱讀器停止構(gòu)建頁面，保證最根本的功用，然后再針對(duì)高級(jí)閱讀器停止效果、交互等改良和追加功用到達(dá)更好的用戶體驗(yàn)。

文雅降級(jí) graceful degradation：

一開端就構(gòu)建完好的功用，然后再針對(duì)低版本閱讀器停止兼容。

區(qū)別：

a. 文雅降級(jí)是從復(fù)雜的現(xiàn)狀開端，并試圖減少用戶體驗(yàn)的供應(yīng)

b. 漸進(jìn)加強(qiáng)則是從一個(gè)十分根底的，可以起作用的版本開端，并不時(shí)擴(kuò)大，以順應(yīng)將來環(huán)境的需求

c. 降級(jí)（功用衰減）意味著往回看；而漸進(jìn)加強(qiáng)則意味著朝前看，同時(shí)保證其根基處于平安地帶

9、閱讀器的內(nèi)核分別是什么?

IE: trident內(nèi)核

Firefox：gecko內(nèi)核

Safari：webkit內(nèi)核

Opera：以前是presto內(nèi)核，Opera現(xiàn)已改用Google Chrome的Blink內(nèi)核

Chrome：Blink(基于webkit，Google與Opera Software共同開發(fā))