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