HTML、CSS、JS面試題


1.JS中的三種彈出式消息提醒(警告窗口、確認窗口、信息輸入窗口)的命令是什么?

警告窗口:alert          確認窗口:confirm           信息輸入窗口:prompt

2.聲明一個CSS有幾種方式?

①導入一個已經存在的CSS文件:

  <link rel="stylesheet" type="text/css" href="">

②直接在head里聲明一個CSS代碼段:

  <style type="text/css">

    ……

  </style>

③直接在元素里聲明使用CSS:

  style=";"

④在CSS文件中導入另一個CSS樣式文件:

  @import url("CSS路徑)

-

3.常見的瀏覽器內核有哪些?

  • Trident內核:IE,MaxThon,TT,The Word,360,搜狗瀏覽器等。[又稱為MSHTML]
  • Gecko內核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等;
  • Presto內核:Opera7及以上。[Opera內核原為:Presto,現為:Blink]
  • Webkit內核:Safari,Chrome等。[Chrome的:Blink(Webkit的分支)]

4.行內元素、塊級元素,空元素有那些

1、行內元素:span、a、em(強調)、label、textarea、select、sub、sup等

2、塊級元素:div、ul、ol、li、h1~h6、table、form、p、dl、dd、dt等。

3、空元素:br、hr

5.div+css的布局較table布局有什么優點?

  改版的時候更方便 只要改css文件。

  頁面加載速度更快、結構化清晰、頁面顯示簡潔。

  表現與結構相分離。

  易於優化(seo)搜索引擎更友好,排名更容易靠前。

6.a:img的alt與title有何異同?b:strong與em的異同?

 答案:

  a:

  alt(alt text):為不能顯示圖像、窗體或applets的用戶代理(UA),alt屬性用來指定替換文字。替換文字的語言由lang屬性指定。(在IE瀏覽器下會在沒有title時把alt當成 tool tip顯示)

  title(tool tip):該屬性為設置該屬性的元素提供建議性的信息。

  b:

  strong:粗體強調標簽,強調,表示內容的重要性em:斜體強調標簽,更強烈強調,表示內容的強調點。

7.介紹以下你對瀏覽器內核的理解?

  1、主要分成兩部分:渲染引擎(layout engineer或Rendering Engine)和JS引擎。

  2、渲染引擎:負責取得網頁的內容(HTML、XML、圖像等等)、整理訊息(例如加入CSS等)、以及計算網頁的顯示方式、然后會輸出至顯示器或打印機。瀏覽器的內核的不同對於網頁的語法解釋會有不同、所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其他需要編輯、顯示網絡內容的應用程序都需要內核

  3、JS引擎則:解析和執行javascript來實現網頁的動態效果。

  4、最開始渲染引擎和JS引擎並沒有區分得很明確,后來JS引擎越來越獨立,內核九傾向於只指渲染引擎。

8.iframe的作用?

用法

  1、iframe是用來在網頁中插入第三方頁面,早期的頁面使用iframe主要是用於導航欄這種很多頁面都相同的部分,這樣在切換頁面的時候避免重復下載。

  優點

  1、便於修改,模擬分離,像一些信息管理系統會用到。

  2、但現在基本不推薦使用。除非特殊需要,一般不推薦使用。

  缺點

  1、iframe的創建比一般的DOM元素慢了1-2個數量級

  2、iframe標簽會阻塞頁面的的加載,如果頁面的onload事件不能及時觸發,會讓用戶覺得網頁加載很慢,用戶體驗不好,在Safari和Chrome中可以通過js動態設置iframe的src屬性來避免阻塞。

  3、iframe對於SEO不友好,替換方案一般就是動態語言的Incude機制和ajax動態填充內容等

9.選擇器優先級是怎樣的?

  1、!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承

  2、權重算法:(0,0,0,0)==》第一個0對應的是important的個數,第二個0對應的是id選擇器的個數,第三個0對應的類選擇器的個數,第四個0對應的是標簽選擇器的個數,就是當前選擇器的權重

  3、比較:先從第一個0開始比較,如果第一個0大,那么說明這個選擇器的權重高,如果第一個相同,比較第二個,依次類推。

10.CSS實現垂直水平居中

  在已知元素寬和高的情況下,在CSS中設置該元素position: absolute;相對定位,top和left都為50%,然后margin-top和margin-left都為負該元素高和寬的一半。

  若不知元素寬和高的情況,則設置position: absolute;相對定位,top,right,bottom,left皆設置0。

 


免責聲明!

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



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