1、定位的盒子居中顯示
★:margin:0 auto; 只能讓標(biāo)準(zhǔn)流的盒子居中對(duì)齊。
★定位的盒子居中：先左右走父元素盒子的一半50%，在向左走子盒子的一半(margin-left:負(fù)值。)
2、標(biāo)簽包含規(guī)范
◆div可以包含所有的標(biāo)簽
◆p標(biāo)簽不能包含div h1等標(biāo)簽
◆h1可以包含p，div等標(biāo)簽
◆行內(nèi) 元素盡量包含行內(nèi)元素，行內(nèi)元素不要包含塊元素
3、規(guī)避脫標(biāo)流
盡量使用
標(biāo)準(zhǔn)流解決不了的使用浮動(dòng)
浮動(dòng)解決不了的使用定位
margin-left:auto;
4、圖片和文字垂直居中對(duì)齊
vertical-align對(duì)inline-block最敏感。默認(rèn)屬性是:vertical-align:baseline;
5、Css可見性
overflow:hidden; 溢出隱藏
visibility:hidden; 隱藏元素 隱藏之后還占據(jù)原來的位置
display:none; 隱藏元素 隱藏之后不占據(jù)原來的位置
display:block; 元素可見
display:none和display:block 常配合js使用
6、css之內(nèi)容移除（網(wǎng)頁(yè)優(yōu)化）
使用text-indent:-5000em;
將元素高度設(shè)置為0，使用內(nèi)邊距將盒子撐開，給盒子使用overflow:hidden;將文字隱藏
7、屬性選擇器
8、emmett快捷鍵
emmett是我們?cè)趕ublime中的一個(gè)插件在這個(gè)插件中集成很多快捷鍵
8、html
8.1生成結(jié)構(gòu)的快捷鍵：
！+ tab,可以生成html5的結(jié)構(gòu)代碼。
8.2、生成ID名和類名
標(biāo)簽名.類名#id名+tab
沒有標(biāo)簽名.類名+tab ==>div
8.3、生成同級(jí)元素
標(biāo)簽名+標(biāo)簽名+標(biāo)簽名 “+”tab
8.4、生成子類標(biāo)簽
標(biāo)簽名>子標(biāo)簽名>子標(biāo)簽名>子標(biāo)簽名+tab
標(biāo)簽名>子標(biāo)簽名>子標(biāo)簽名>子標(biāo)簽名^^子標(biāo)簽名+tab
8.5、帶固定數(shù)量的標(biāo)簽
ul>li*5+tab
8.6、帶有序號(hào)名稱
ul>li.abc$*3 + tab
8.7、生成帶有內(nèi)容的標(biāo)簽
ul>li>a{item}*5
9、css
width:30px==>w30+tab
Height:30px==>h30+tab
Margin:30px==>mg30+tab
Padding:30px==> pd30+tab
Line-height:12px==>lh12px+tab
Background==>bg+tab
