一，嚴格模式和混雜模式的定義：
通俗來說：
嚴格模式是瀏覽器根據w3c的規范來解析代碼；
混雜模式是瀏覽器根據自己的規范來解析代碼(很明顯：無規矩不成方圓，這種混雜模式會產生一些瀏覽器兼容問題)。
二、doctype（文檔類型）
在說混雜模式時，需要理解什么事doctype以及doctype的作用？
1、doctype：文檔類型
2、作用：從字面理解，文檔類型肯定就是規定了當前文件的類型，告訴瀏覽器，我這是什么類型的瀏覽器，然后瀏覽器根據類型做相應的解析。
doctype放在html文件的第一行，包含在html標簽里，但它不是一個標簽，需要寫在html前面。
寫法示例：
<!DOCTYPE html>
在此處提到doctype是因為，doctype缺失或書寫錯誤，就會出現混雜模式。
二、嚴格模式和混雜模式的區別：
（1）混雜模式下盒子模型的高寬包括padding和border，而W3C標准中設置一個元素的高寬指的是content的高寬；
（2）混雜模式下可以設置行內元素的高度，而標准模式下不生效；
（3）標准模式下，一個元素的高度是由其包含的內容來決定的，如果父元素沒有設置高度，子元素設置一個百分比的高度無效；
（4）標准模式下使用margin:0 auto;可以使元素水平居中，但是在混雜模式下會失效；混雜模式下需要設置text-align:center;來進行水平居中；
（5）混雜模式下設置圖片padding會失效；
（6）混雜模式下Table中的字體屬性不能繼承上層的設置；
（7）混雜模式下white-space:pre會失效。