1.web標準：
(1)結(jié)構(gòu)標準：其語言主要包括XHTML（實現(xiàn)HTML向XML的過渡。）和XML（用于彌補HTML的不足）
(2)表現(xiàn)標準：其語言主要包括CSS（幫助設(shè)計師分離外觀與結(jié)構(gòu)）
(3)行為標準：其語言主要包括W3C Dom（提供標準方法用于訪問站點中的數(shù)據(jù)、腳本和表現(xiàn)層對象）和ECMAScript
(4)代碼標準：
①必須結(jié)束標記：XHTML必須，HTML不一定
②小寫元素和屬性名：XHTML對大小寫敏感，HTML不敏感
③比較必須合理嵌套
④屬性必須用“”括起來:XHTML必須，HTML不一定
⑤特殊符號用編碼表示
⑥所有屬性賦值：XHTMl規(guī)定，所有屬性都要有一個值，沒有值就重復本身
優(yōu)點：文件下載與頁面顯示速度更快；內(nèi)容能被更多的用戶、更廣泛的設(shè)備所訪問；用戶能夠通過樣式選擇定制自己的表現(xiàn)界面；所有頁面都能提供適于打印的版本；更少的代碼和組件，容易維護；代碼更簡潔，成本降低；更容易被搜尋引擎搜索到；改版方便，不需要變動頁面內(nèi)容；提供打印版本而不需要復制內(nèi)容；提高網(wǎng)站易用性。
2.W3C——萬維網(wǎng)聯(lián)盟。W3C 最重要的工作是發(fā)展 Web 規(guī)范
3.HTML與XHTML的區(qū)別：
①XHTML 1.0是基于HTML 4.01的，沒有引入任何新標簽或?qū)傩?，語法上更加嚴格。幾乎所有的網(wǎng)頁瀏覽器在正確解析HTML的同時，可兼容XHTML
②HTML是一種基于標準通用標記語言（SGML）的應(yīng)用，而XHTML則基于可擴展標記語言（XML），其實是平行發(fā)展的兩個標準。建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。
4.DOCTYPE標簽是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應(yīng)該使用什么樣的文檔類型定義（DTD）來解析文檔
觸發(fā)兩種模式的方法：
①標準模式：使用HTML 3提供的4種DOCTYPE聲明；使用XHTML 1.0提供的3種DOCTYPE聲明
②怪異模式：瀏覽器不能識別的DOCTYPE聲明；在DOCTYPE聲明中，不適用DTD聲明或使用HTML 4（不包括HTML 4）的DTD聲明；在IE 6中，在DOCTYPE聲明前有一個xml聲明
判定是標準模式還是怪異模式：
①js提供的方法：alert（window.top.document.compatMode）；
? ? ? ? ? ? ? ? ? ? ? ? //BackCompat 表示怪異模式
? ? ? ? ? ? ? ? ? ? ? ?//CSS1Compat 表示標準模式
②jquery提供的方法：alert($.boxModel); 或 alert($.support.boxModel);
5.①塊級元素（如div和p）：獨占一行，其寬度自動填滿父元素寬度，可以設(shè)置width、height、padding、margin。
②行內(nèi)元素（如a、span、img）：相鄰的行內(nèi)元素會排列在同一行內(nèi)，其寬度隨元素的內(nèi)容而變化，不可設(shè)width和height；margin和padding水平方向有效，豎直方向無效。
6.css盒模型：content、padding、border、margin（在 CSS 中，width 和 height 指的是內(nèi)容區(qū)域（element）的寬度和高度。增加內(nèi)邊距、邊框和外邊距不會影響內(nèi)容區(qū)域的尺寸，但是會增加元素框的總尺寸）
7.css引入樣式表的方式有：
①外部樣式表 <head><link rel="stylesheet" type="text/css" src="style.css"></head>
②內(nèi)部樣式表 <head><style type="text/css">此處為樣式 </style></head>
③內(nèi)聯(lián)樣式 <p style="color:red;font-size:16px;">內(nèi)聯(lián)樣式</p>
④導入樣式 <head><style type="text/css"> @import url("style.css") </style></head>
link和@impor的區(qū)別：
①@import只能加載css，link還可以定義rel連接屬性等
②link引用的css同時被加載，而@import引入的css會等頁面全部下載完成后加載
③@import只有在IE5以上才能識別，link所有都可以
④js控制dom修改樣式只能使用link標簽
⑤@import可以在css中再次引入其它的樣式表
8. css選擇符（w3school）：
⑴標簽選擇符： p { font-size : 18 px; color:#000; }
⑵類選擇符： .red { background-color:#C00; }
⑶id選擇符： #firstColunm{ height:100px; background-color:#000; }
⑷后代選擇符（包含選擇符）： h1 em { color:#C00; }
⑸子元素選擇器： h1 > strong { color:#C00; font-weight:bold; }
⑹通配選擇符： * { padding:0; margin:0 }
⑺屬性選擇符： a[href] { color:#C00; }
⑻偽類選擇符： a:hover { color:#C00; }? ? p:first-child { font-weight:bold; }
⑼偽元素： .clearfix:after { content:""; display:table; clear:both; }
⑽相鄰兄弟選擇符(只能選擇兩個相鄰兄弟的第二個元素)： h1 + p { margin-top:50px; }
⑾兄弟選擇符（選擇該元素的所有兄弟）： h1 ~ p { line-height:30px; }
9.css屬性可繼承：
①所有元素可繼承：visibility、cursor
②內(nèi)聯(lián)元素可繼承（14個）：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、decoration
③塊級元素可繼承：text-indent、text-align
④列表元素可繼承：list-style、list-style-type、list-style-image、list-style-position
⑤表格元素可繼承：border-collapse
10.css優(yōu)先級由四個級別和各級別的出現(xiàn)次數(shù)決定
①每個規(guī)則對應(yīng)一個初始四位數(shù)： 0、0、0、0
②若是行內(nèi)選擇符，則加 1、0、0、0
③若是id選擇符，則加 ? ?0、1、0、0
④若是類選擇符/屬性選擇符/偽類選擇符，則加 0、0、1、0
⑤若是元素選擇符/偽元素選擇符，則加 0、0、0、1
將每個規(guī)則所得到的四位數(shù)從左到右進行比較，大的優(yōu)先級越高。
PS：①！important 優(yōu)先級最高，若出現(xiàn)沖突則比較 四位數(shù)
②優(yōu)先級相同時，采用就近原則
③繼承得來的屬性，其優(yōu)先級最低
11.網(wǎng)頁分成三個層次：
①結(jié)構(gòu)層：由HTML或XHTML之類的標記語言負責創(chuàng)建，對網(wǎng)頁內(nèi)容的語義含義進行描述。
②表示層：由CSS負責創(chuàng)建，對“如何顯示有關(guān)內(nèi)容”的問題作出了解答。
③行為層：javascript語言和DOM主宰的領(lǐng)域，負責回答“內(nèi)容應(yīng)如何對事件作出反應(yīng)”。
12.css基本構(gòu)成語句：選擇器 { 屬性1：值1；屬性2：值2；......}
13.常用瀏覽器及其內(nèi)核：
①Trident內(nèi)核（IE內(nèi)核）：IE
②webkit內(nèi)核：chrome、Safari
③Gecko內(nèi)核（火狐內(nèi)核）：Mozilla firefox（火狐瀏覽器）
④Presto內(nèi)核：Opera
14.①alt：html標簽的屬性。 指定替換文字，只能用于img、area和input元素中
②title：即是html標簽，也是html屬性。給元素提供額外的說明
15.css reset的作用：通過重新定義標簽樣式，覆蓋瀏覽器的css默認屬性
16.css sprites：將一個頁面所涉及的所有零星圖片都包含到一張大圖中去，減少圖片的請求次數(shù)
使用原理：把網(wǎng)頁中的一些背景圖片整合到一張圖片背景中，再利用css的“background-image”、“background-repeat”、“background-position”的組合進行背景定位
17.瀏覽器的
①怪異模式：瀏覽器在頁面的渲染模式上沒有同一的規(guī)范；width是盒模型中的實際寬度
②標準模式：瀏覽器在頁面的渲染模式上有了統(tǒng)一的標準；width是盒模型中的內(nèi)容寬度
18.前端優(yōu)化：
19.語義化的HTML：根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標簽（代碼語義化），便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼，同時讓瀏覽器的爬蟲和機器更好的解析。
20.清除浮動的幾種方式及各自的優(yōu)缺點：
①父級div定義height ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?———————— .div1{ height : 200 px; }
優(yōu)點：簡單，代碼少，容易掌握
缺點：只適合高度固定的布局
②結(jié)尾處加空div標簽 clear：both ? ? ? ? ? ? ? ? —————————.clearfix{ clear:both?}
優(yōu)點：簡單、代碼少、瀏覽器支持好、不容易出現(xiàn)怪問題
缺點：如果頁面浮動多，則需要增加很多空的div標簽
③父級div定義偽類：after和zoom
———————.div1: after { display:bloc ;clear:both;content:"";visibility:hidden;height:0; }
———————.div1{ zoom:1; }
優(yōu)點：瀏覽器支持好，不容易出現(xiàn)怪問題
缺點：代碼多，要兩句代碼結(jié)合
④父級div定義 overflow：hidden ? ? ? ————————.div1 { width:98%; overflow:hidden; }
優(yōu)點：簡單、代碼少、瀏覽器支持好
缺點：不能和position配合使用
