1、HTML和XHTML之間有什么區(qū)別？
- HTML 即是超文本標記語言，出現(xiàn)時間早，編碼不規(guī)范，是語法較為松散、不嚴格的web語言。
- XHTML 是升級版的HTML，對HTML進行了規(guī)范，編碼更加嚴謹純潔，也是一種過渡語言，html向xml過渡的語言。
（發(fā)展趨勢：HTML ——> XHTML ——>xml ）
2、常見的塊級元素和行內(nèi)元素，有什么區(qū)別?
- 塊級元素有：
h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol,ul,li,form,pre,table,td,th； - 行內(nèi)元素有：
em,strong,span,button,input,label,code,select,img,textarea； - 區(qū)別：
1.）塊級元素占據(jù)一整行，可以設(shè)置寬/高、margin/padding、包含塊級元素和行內(nèi)元素；
2.）行內(nèi)元素與其它行內(nèi)元素位于同一行，只能包含文本，設(shè)置寬/高是無效的，行內(nèi)元素只有margin-left、margin-right、padding-left、padding-right起作用。
3、Doctype? 嚴格模式與混雜模式-如何觸發(fā)這兩種模式,區(qū)分它們有何意義?
<!DOCTYPE>聲明叫做文件類型定義。作用是為了告訴瀏覽器該文件的類型。讓瀏覽器解析器知道該應(yīng)用哪個復(fù)返來解析文檔。-
如何觸發(fā)文檔模式
①觸發(fā)混雜模式：如果在文檔開始處沒有發(fā)現(xiàn)文檔類型聲明，則所有瀏覽器都會默認開啟混雜模式。但不同瀏覽器在這種模式下的行為差異非常大。需要使用某些hack技術(shù)來解決。
②觸發(fā)標準模式：<!-- HTML 4.01 嚴格型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- XHTML 1.0 嚴格型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">③
觸發(fā)標準模式：<!-- HTML 4.01 過渡型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- HTML 4.01 框架集型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <!-- XHTML 1.0 過渡型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- XHTML 1.0 框架集型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">④
IE8中關(guān)閉超級標準模式：<meta http-equiv="X-UA-Compatible" content="IE=7" /> //content屬性中IE的值用于指定使用哪個版本的呈現(xiàn)引擎來呈現(xiàn)頁面。設(shè)計這個值的目的就是為了向后兼容那些專門為老版本的IE設(shè)計的站點和頁面。 嚴格模式：又稱為標準模式，指瀏覽器按照 W3C 標準解析代碼；
混雜模式：又稱為兼容模式或怪異模式，指瀏覽器用自己的方式解析代碼。區(qū)分：瀏覽器解析時到底使用嚴格模式還是混雜模式，與網(wǎng)頁中的 DTD 直接相關(guān)
1.）文檔包含嚴格的DOCTYPE，那么一般以嚴格模式呈現(xiàn)。（嚴格 DTD ——嚴格模式）
2.）包含過渡 DTD 和 URL 的 DOCTYPE，也以嚴格模式呈現(xiàn)，但有過渡 DTD 卻無 URL(統(tǒng)一資源標識符，即聲明最后的地址) 會導(dǎo)致頁面以混雜模式呈現(xiàn)。(有 URI 的過渡 DTD ——嚴格模式；沒有 URI 的過渡 DTD ——混雜模式)
3.）DOCTYPE 不存在或形式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。(DTD不存在或者格式不正確——混雜模式)
4.）HTML5 沒有 DTD，所以沒有嚴格模式和混雜模式區(qū)分。(HTML5 沒有嚴格和混雜之分)
4、WEB標準以及W3C標準是什么?
- 標簽閉合、標簽小寫、不亂嵌套、使用外鏈 css 和 js 、結(jié)構(gòu)行為表現(xiàn)的分離
5、link和@import的區(qū)別是？
- 1.）
歸屬關(guān)系的差別：<link>屬于XHTML標簽，而@import是CSS提供的； - 2.）
加載順序的差別：<link>會同時被加載，而@import引用的CSS會等到頁面被加載完再加載； - 3.）
兼容性的差別：<link>無兼容問題，@import只在IE5以上才能識別； - 4.）
使用dom控制樣式時的差別：<link>方式的樣式的權(quán)重 高于@import的權(quán)重。
6、移動布局自適應(yīng)不同屏幕的幾種方式
（1）響應(yīng)式布局
（2）100%布局（彈性布局）
（3）等比縮放布局（rem）
7、CSS的盒子模型有哪些？
- IE 盒子模型、標準 W3C 盒子模型：IE的content部分包含了 border 和 pading;
- 盒模型： 內(nèi)容(content)、填充(padding)、邊界(margin)、 邊框(border).
