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。
