前端實習(xí)練習(xí)題

visibility:hidden display:none

visibility: hidden; 與 display: none; 兩者沒有本質(zhì)上的區(qū)別：錯誤。visibility: hidden; 保留空間，只是隱藏視覺效果，而 display: none; 則完全移除元素，不保留空間。

visibility: hidden; 隱藏元素，但該元素仍然占據(jù)空間，只是視覺上不可見。

display: none; 會將元素完全從文檔流中移除，不會為它保留任何物理空間。

visibility: hidden; 產(chǎn)生 reflow 和 repaint(回流與重繪)：正確。visibility: hidden; 由于元素還占據(jù)空間，瀏覽器需要重新計算布局（reflow）和重新繪制頁面（repaint）。

把鼠標移到按鈕并點擊時 hover active focus的順序

當用戶將鼠標移到按鈕并點擊時，CSS 偽類 hover、active 和 focus 的觸發(fā)順序如下：

hover: 當鼠標懸停在按鈕上時，首先觸發(fā) hover 狀態(tài)。該狀態(tài)表示鼠標在按鈕上方但尚未進行點擊。

active: 當用戶按下鼠標按鈕時（點擊但未釋放），按鈕進入 active 狀態(tài)。此時按鈕看起來像是被“按下”了。

focus: 如果按鈕是可以獲得焦點的元素（如 或 ），在用戶點擊后釋放鼠標時，按鈕會進入 focus 狀態(tài)。focus 表示該元素現(xiàn)在具有鍵盤或其他交互設(shè)備的焦點。

代碼輸出結(jié)果1

function func() {var n = 1;add = function() { n += 1 } // add 定義在全局function innerFunc() {alert(n)}return innerFunc; // 這里不調(diào)用 innerFunc，而是返回它
}var result = func(); // result 是 innerFunc 函數(shù)
result(); // 彈出 1
add();    // n 增加 1
result(); // 彈出 2

輸出是 1，2

第一次result，add 函數(shù)被定義為全局函數(shù)，它會將 n 的值增加 1，但是在這里并沒有調(diào)用它，因此此時 n 仍然是 1。

代碼輸出結(jié)果2

for(var i=5; i>0; i--) {setTimeOut(function(){console.log(i)}, 1000*i)
}

答案是 0 0 0 0 0

CSS中哪些屬性可以繼承

• 盒模型
  content padding border margin
• 兩種盒模型模式
  ① 標準模型（默認行為，content-box&#