• <dd id="by9vk"><pre id="by9vk"></pre></dd>
  • <dd id="by9vk"></dd>
    <progress id="by9vk"><pre id="by9vk"></pre></progress><tbody id="by9vk"></tbody>
    <tbody id="by9vk"></tbody>

    <rp id="by9vk"><ruby id="by9vk"></ruby></rp>

    好程序員-千鋒教育旗下高端IT職業教育品牌

    400-811-9990
    我的賬戶
    好程序員

    專注高端IT職業培訓

    親愛的猿猿,歡迎!

    已有賬號,請

    如尚未注冊?

    [HTML5] 好程序員web前端教程分享HTML/CSS部分常見面試題

    [復制鏈接]
    152 0
    葉子老師 發表于 2019-10-23 16:24:22 | 只看該作者 |閱讀模式 打印 上一主題 下一主題
      好程序員web前端教程分享HTML/CSS部分常見面試題。準備參加web前端面試的小伙伴們一起看一看吧,希望對大家有所幫助!
    1、什么是盒子模型?
    在網頁中,一個元素占有空間的大小由幾個部分構成,其中包括元素的內容(content),元素的內邊距(padding),元素的邊框(border),元素的外邊距(margin)四個部分。這四個部分占有的空間中,有的部分可以顯示相應的內容,而有的部分只用來分隔相鄰的區域或區域。4個部分一起構成了css中元素的盒模型。
    2、行內元素有哪些?塊級元素有哪些? (void)元素有那些?
    行內元素:abspanimginputstrongselectlabelembuttontextarea
    塊級元素:divullidldtddph1-h6blockquote
    空元素:即系沒有內容的HTML元素,例如:brmetahrlinkinputimg
    3CSS實現垂直水平居中
    一道經典的問題,實現方法有很多種,以下是其中一種實現:
    HTML結構:
    <div class="wrapper">
    <div class="content"></div>
    </div>
    CSS
    .wrapper{position:relative;}
    .content{
    background-color:#6699FF;
    width:200px;
    height:200px;
    position: absolute; //父元素需要相對定位
    top: 50%;
    left: 50%;
    margin-top:-100px ; //二分之一的heightwidth
    margin-left: -100px;
    }
    4、簡述一下srchref的區別
    href 是指向網絡資源所在位置,建立和當前元素(錨點)或當前文檔(鏈接)之間的鏈接,用于超鏈接。
    src是指向外部資源的位置,指向的內容將會嵌入到文檔中當前標簽所在位置;在請求src資源時會將其指向的資源下載并應用到文檔內,例如js腳本,img圖片和frame等元素。當瀏覽器解析到該元素時,會暫停其他資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等元素也如此,類似于將所指向資源嵌入當前標簽內。這也是為什么將js腳本放在底部而不是頭部。
    5、什么是CSS Hack?
    一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack
    IE瀏覽器Hack一般又分為三種,條件Hack、屬性級Hack、選擇符Hack(詳細參考CSS文檔:css文檔)。例如:
    // 1、條件Hack
    // 2、屬性Hack
    .test{
    color:#0909; /* For IE8+ */
    *color:#f00; /* For IE7 and earlier */
    _color:#ff0; /* For IE6 and earlier */
    }
    // 3、選擇符Hack
    * html .test{color:#090;} /* For IE6 and earlier */
    * + html .test{color:#ff0;} /* For IE7 */
    6、簡述同步和異步的區別
    同步是阻塞模式,異步是非阻塞模式。
    同步就是指一個進程在執行某個請求的時候,若該請求需要一段時間才能返回信息,那么這個進程將會一直等待下去,直到收到返回信息才繼續執行下去;
    異步是指進程不需要一直等下去,而是繼續執行下面的操作,不管其他進程的狀態。當有消息返回時系統會通知進程進行處理,這樣可以提高執行的效率。
    7pxem的區別
    pxem都是長度單位,區別是,px的值是固定的,指定是多少就是多少,計算比較容易。em得值不是固定的,并且em會繼承父級元素的字體大小。
    瀏覽器的默認字體高都是16px。所以未經調整的瀏覽器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em
    8、什么叫優雅降級和漸進增強?
    漸進增強 progressive enhancement
    針對低版本瀏覽器進行構建頁面,保證最基本的功能,然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
    優雅降級 graceful degradation
    一開始就構建完整的功能,然后再針對低版本瀏覽器進行兼容。
    區別:
    a. 優雅降級是從復雜的現狀開始,并試圖減少用戶體驗的供給
    b. 漸進增強則是從一個非常基礎的,能夠起作用的版本開始,并不斷擴充,以適應未來環境的需要
    c. 降級(功能衰減)意味著往回看;而漸進增強則意味著朝前看,同時保證其根基處于安全地帶
    9、瀏覽器的內核分別是什么?
    IE: trident內核
    Firefoxgecko內核
    Safariwebkit內核
    Opera:以前是presto內核,Opera現已改用Google ChromeBlink內核
    ChromeBlink(基于webkitGoogleOpera Software共同開發)


    精彩內容,一鍵分享給更多人!
    收藏
    收藏0
    轉播
    轉播
    分享
    淘帖0
    支持
    支持0
    反對
    反對0
    回復

    使用道具 舉報

    您需要登錄后才可以回帖

    本版積分規則

    關注我們
    好程序員
    千鋒好程序員

    北京校區(總部):北京市海淀區寶盛北里西區28號中關村智誠科創大廈

    深圳西部硅谷校區:深圳市寶安區寶安大道5010號深圳西部硅谷B座A區605-619

    杭州龍馳智慧谷校區:浙江省杭州市下沙經濟技術開發區元成路199號龍馳智慧谷B座7層

    鄭州校區:鄭州市二七區航海中路60號海為科技園C區10層、12層

    Copyright 2007-2019 北京千鋒互聯科技有限公司 .All Right

    京ICP備12003911號-5 京公安網11010802011455號

    請您保持通訊暢通1對1咨詢馬上開啟

    Pictoa