1.web標準：
(1)結構標準：其語言主要包括XHTML（實現(xiàn)HTML向XML的過渡术辐。）和XML（用于彌補HTML的不足）
(2)表現(xiàn)標準：其語言主要包括CSS（幫助設計師分離外觀與結構）
(3)行為標準：其語言主要包括W3C Dom（提供標準方法用于訪問站點中的數(shù)據(jù)闲先、腳本和表現(xiàn)層對象）和ECMAScript
(4)代碼標準：
①必須結束標記：XHTML必須，HTML不一定
②小寫元素和屬性名：XHTML對大小寫敏感翘盖，HTML不敏感
③比較必須合理嵌套
④屬性必須用“”括起來:XHTML必須，HTML不一定
⑤特殊符號用編碼表示
⑥所有屬性賦值：XHTMl規(guī)定懈万，所有屬性都要有一個值辞友，沒有值就重復本身
優(yōu)點：文件下載與頁面顯示速度更快；內(nèi)容能被更多的用戶溃睹、更廣泛的設備所訪問而账；用戶能夠通過樣式選擇定制自己的表現(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ū)傩越甘澹Z法上更加嚴格。幾乎所有的網(wǎng)頁瀏覽器在正確解析HTML的同時迄薄，可兼容XHTML
②HTML是一種基于標準通用標記語言（SGML）的應用琅关，而XHTML則基于可擴展標記語言（XML），其實是平行發(fā)展的兩個標準讥蔽。建立XHTML的目的就是實現(xiàn)HTML向XML的過渡涣易。
4.DOCTYPE標簽是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器冶伞，它應該使用什么樣的文檔類型定義（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）：獨占一行隆嗅，其寬度自動填滿父元素寬度界阁，可以設置width、height胖喳、padding泡躯、margin。
②行內(nèi)元素（如a禀晓、span精续、img）：相鄰的行內(nèi)元素會排列在同一行內(nèi)，其寬度隨元素的內(nèi)容而變化粹懒，不可設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ī)則對應一個初始四位數(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)頁分成三個層次：
①結構層：由HTML或XHTML之類的標記語言負責創(chuàng)建填抬，對網(wǎng)頁內(nèi)容的語義含義進行描述烛芬。
②表示層：由CSS負責創(chuàng)建，對“如何顯示有關內(nèi)容”的問題作出了解答飒责。
③行為層：javascript語言和DOM主宰的領域赘娄，負責回答“內(nèi)容應如何對事件作出反應”。
12.css基本構成語句：選擇器 { 屬性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)容的結構化（內(nèi)容語義化），選擇合適的標簽（代碼語義化）友浸，便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼峰尝，同時讓瀏覽器的爬蟲和機器更好的解析。
20.清除浮動的幾種方式及各自的優(yōu)缺點：
①父級div定義height ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?———————— .div1{ height : 200 px; }
優(yōu)點：簡單收恢，代碼少境析，容易掌握
缺點：只適合高度固定的布局
②結尾處加空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)怪問題
缺點：代碼多沛鸵，要兩句代碼結合
④父級div定義 overflow：hidden ? ? ? ————————.div1 { width:98%; overflow:hidden; }
優(yōu)點：簡單、代碼少缆八、瀏覽器支持好
缺點：不能和position配合使用
