慕課網上提供了前端工程師學習計劃，這學期開始照著里面的步驟來學習。這篇文章主要用來記錄一些零碎的知識點。
W3C標準--萬維網聯盟制定的一系列標準
倡導結構、樣式、行為分離:
結構化標準語言--HTML&XML
樣式標準語言--CSS
行為標準語言--js
3D盒子模型
3D盒子模型
元素分類
塊狀元素
<div>
<p>
<h1>...<h6>
<ol>
<ul>
<dl>
<table>
<address>
<blockquote>
<form>
內聯元素(又叫行內元素)
<a>
<span>
<br>
<i>
<em>
<strong>
<label>
<q>
<var>
<cite>
<code>
內聯塊狀元素
<img>
<input>
css三種定位機制
標準文檔流
從上到下，從左到右，自動換行。
浮動
特點
元素會左移或右移，直到觸碰到容器為止。
會影響緊鄰其后的元素。
當元素沒有設置寬度值，而設置了浮動屬性，元素的寬度隨內容的變化而變化。
清除浮動的常用方法
- clear屬性--常用clear:both;(不推薦)
- 同時設置width:100%(或固定寬度)+overflow:hidden;
絕對定位
定位
自動居中
#testdiv {
width:80%;
margin:0 auto;
}
auto會根據瀏覽器的寬度自動設置兩邊的外邊距
外邊距=（ 瀏覽器的寬度-外包含層的寬度）/2
如果想讓頁面自動居中，當設置margin屬性為auto的時候，不能再設置浮動或絕對定位屬性
