html5與css3面試題(1)


1.html有哪些新特性移除了哪些元素

  新特性:

  語義化標簽(header,nav,footer。section)

  音頻,視頻(audio,video)

  畫布canvas

  移除元素:

  表現元素:center,tt,basefont(字體默認顏色和字號)

2什么是響應式設計?

  簡稱媒體查詢,就是對不同設備有不同的尺寸和不同的功能

3canvas元素的作用?

  canvas元素用於在網頁上繪制圖片,該元素標簽強大之處可以直接html上圖形操作

4css3新增偽類有?

  p:first-of-type選擇父元素首個子元素

  last-of-type選擇父元素最后一個子元素...

5first-of-type與first-child區別

  p:first-of-type:取出父級下的第一個子元素

  實例<div>

      <p></p>

      <span></span>

    </div>

   span:first-of-type()並不一定要是第一個元素只要是同屬類型中第一個就行

  p:first-child:取出父級下的第一個子元素

    <div>

      <p></p>

      <span></span>

    </div>

  span:first-child()第一個是p標簽的所以其他都不會匹配到

6你能描述下漸進增強和優雅降級的不同嗎?

  漸進增強:對於低版本瀏覽器進行構建頁面保證最基本的功能,然后針對高級瀏覽器進行效果

  交互的改進達到更好的用戶體驗。

  優雅降級:一開始就構建完美的頁面,再對於低版本瀏覽器去兼容

7如何在html中嵌入視頻(或音頻)?

  <video>

    <sourse src="路徑",type="video/mp4">

  </video>

8html5中引入了什么新的表單屬性?

  datalist:配合input使用用來存放可能出現的值

      用法<input>

          <datalist>  

            <option value="可能值">

          <datalist> 

9頁面導入樣式時,使用link和@import有什么區別?

  link屬於html的標簽而@import卻屬於css提供的,頁面加載時,link會同時加載而import會

  等dom加載完之后去加載  

  @importie5以下不能識別

  link權重高於@import的權重  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM