瀏覽器與內(nèi)核
- IE（Trident）
- Chrome（WebKit + Blink）
- Firefox（Gecko）
- Safari（Webkit）
- Opera（Presto + Webkit + Blink）
- 360、獵豹瀏覽器（IE + Chrome雙內(nèi)核）
- 搜狗，遨游，QQ瀏覽器 ： Trident（兼容模式） + Webkit（高速模式）
- 百度瀏覽器，世界之窗：IE內(nèi)核
- 2345瀏覽器內(nèi)核：以前IE ，現(xiàn)在IE+Chrome雙內(nèi)核
行內(nèi)元素、塊級(jí)元素區(qū)別，行內(nèi)塊元素的兼容性使用
-
行內(nèi)元素
- 會(huì)在水平方向排列
- 不包括塊元素
- 設(shè)置
width/ height/margin上下/padding上下無(wú)效 - 設(shè)置
line-height有效
-
塊級(jí)元素
- 占據(jù)一行，垂直方向排列
- 新行開(kāi)始
- 斷行結(jié)束
-
行內(nèi)塊元素兼容性
- 對(duì)象呈現(xiàn)為內(nèi)聯(lián)元素，與其他的同處一行
- 內(nèi)部呈現(xiàn)塊元素，可設(shè)置寬高
display:inline-block; zoom:1; *display:inline;
清除浮動(dòng)
浮動(dòng)溢出：非IE瀏覽器下，當(dāng)容器高度為auto，且容器的內(nèi)容中有浮動(dòng)元素，這種情況下，容器的高度不能自動(dòng)伸長(zhǎng)以適應(yīng)內(nèi)容的高度，導(dǎo)致內(nèi)容溢出到容器外面而影響布局。
- 父級(jí)div定義偽類：
:after和zoom
/*清除浮動(dòng)代碼*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
- 浮動(dòng)元素后定空
div，設(shè)定clear:both - 浮動(dòng)元素的父級(jí)div加
overflow:hidden或overflow:auto; - 浮動(dòng)元素的父級(jí)div定義height，只針對(duì)高度固定的布局使用
- 父級(jí)也設(shè)浮動(dòng) 、父
div定義display:table、 結(jié)尾加br標(biāo)簽設(shè)定clear:both不推薦
box-sizing常用的屬性
- 允許以特定的方式匹配某個(gè)區(qū)域的特定元素
box-sizing : content-box | border-box | inherit-
content-box盒子模型W3C；width不包含padding和margin -
border-box盒子模型IE；width包含padidng和margin
Doctype與瀏覽器渲染模式
DOCTYPE 文檔類型聲明 Document Type Declaration 又為DTD
瀏覽器模式， 通過(guò)document.compatMode查看
- 標(biāo)準(zhǔn)模式
- 怪異模式
- 部分怪異模式
加
<!DOCTYPE>，瀏覽器document.compatMode返回CSS1Compat：標(biāo)準(zhǔn)兼容模式已開(kāi)啟，兼容CSS1規(guī)范（IE6）
未加<!DOCTYPE>，IE和Chrome瀏覽器會(huì)輸出BackCompat標(biāo)準(zhǔn)兼容模式未開(kāi)啟，向后兼容（IE5.5）
HTML5： <!DOCTYPE html>
HTML4.01 Strict：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 含DTD所有的HMTL元素和屬性，不包括展示性和棄用的元素，不允許框架集 Framesets
HTML 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">包含展示性和啟用的元素，不允許框架集Framesets
瀏覽器的工作模式——“渲染模式”，工作模式差異體現(xiàn)在處理Html、XML及Web內(nèi)容
IE兼容
heigiht:100px; heigiht:100px\9;
端口被占用
- cmd打開(kāi)命令行編輯器
-
netstat -ano查看所有端口占用情況 -
netstat -ano|findstr "8000"查看指定端口占用情況，獲得端口對(duì)應(yīng)PID -
tasklist|findstr "3步驟查看得到的端口對(duì)應(yīng)的PID"查看PID對(duì)應(yīng)的進(jìn)程，得到映象名稱 -
taskkill /f /t /im node.exe結(jié)束該進(jìn)程，解除端口占用
