1.對img input 設置 vertical-align:top 對齊其基線，不然可能會有1像素的對齊偏差問題
2.行內塊和行內塊之間會識別空格／行內和行內之間會識別空格 包括換行
3.z-index 是以相同的元素為根基 子就算設置的再高 父設置的低也沒用
要讓z-index 有效必須 是position:static外的定位方式
4.清除浮動式清除浮動帶來的影響
一般用：0.設置父元素的高
? ? ? ? ? ? ? ?1.>overflow:hidden
? ? ? ? ? ? ? ?2.>clearfix:after,clearfix:before{
? ? ? ? ? ? ? ? ? ? ?content='';
? ? ? ? ? ? ? ? ? ? ?display=table;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ?clearfix:after{
? ? ? ? ? ? ? ? ? ? ?clear:both
? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? clearfix{
? ? ? ? ? ? ? ? ? ? ?zoom:1
? ? ? ? ? ? ? }
5.a標簽包div不符合W3C標準 可以把a直接轉為塊
6.將頁面布局好 一部分一部分寫的時候 大模塊只設寬度別設高度 讓其子元素撐開
7.關于文字換行
禁止文字換行： ? ? ? ? ? ? ? white-space : nowrap?
超出隱藏： ? ? ? ? ? ? ? ? ? ? ? overflow : hidden
超出的字用省略號替代： text-overflow:ellipsis?
設置文字自動換行： ? ? ? ?word-wrap:break-word
8.布局最基本的3種方式： 文檔流 浮動 絕對定位
9.絕對定位如何居中：
left：50%；
top：50%
margin-top：-（元素的高/2）
margin-left：-（元素的寬/2）
10.相對定位 也可以設置 4個方向的值進行便宜 但是他所占的位置還是原始位置沒有脫離文檔流只是視覺上變化
11.關于浮動的3要素
浮動的元素和他的父元素最好設置寬；只要有一個浮動同級的其他元素也要設置浮動；記得清除浮動帶來的影響
12.box-sizing css3的屬性
content-box 需要計算 padding border width
border-box 無需計算 只width是指最外的width
13.行內元素不能設置寬高 由自身撐開 可以給他加浮動加了浮動就可設置寬高
行內元素不支持 text-indent? line-height，并且只能設置margin-left/right
14.命名 類用 -隔開 ?id用_隔開 js里用駝峰
15.p標簽不設置高度也可以自動換行
16.為了seo 可以用h1來包裹a a元素里的文字 設置text-indent 負值 a轉為塊設置背景圖
17.margin 拖拽問題 ?解決：overflow：hidden ／ border邊框；margin塌陷 top／bottom 會合并；margin居中 margin left／right ：auto
18 表格 css屬性 border-collapse：collapse 折線 變成1根線 設border為多少就是多少
類比 table 屬性值 cellspacing cellpadding 會更精確；
border-spacing 邊框線之間的邊距，一般 border-collapse為separate 才行 不折疊；
19.!important：將此屬性設置在你想現實的樣式屬性值后面，分號前面
20.a標簽的偽類 順序 lvha ? ? a:link? ? ? ? a:visited? a:hover? a:active
21.背景色 rgba 和 opacity區(qū)別 rgba可以背景透明里面的不透明 而 opacity則全部透明
22.表單設域 和描述 ?
``` <form>
? ? ? ? ? <fieldset>
? ? ? ? ? ? <legend>描述</legend>
? ? ? ? </fieldset>
? ? </form>
23.表單里的用戶體驗label標簽：可以使label標簽里的字 選中 觸發(fā)相應控件也被選中
有2種方式：
>1.label 標簽包含 其他表單標簽
>2.label 標簽 for=‘id’ 屬性 ?相應表單標簽里需要加id
24.seo搜索引擎優(yōu)化
>1.給每個標簽語意化；
>2.給img標簽 title 以及alt；
>3.有h1標簽 一般用于logo；
>4.給每個a標簽 title；
>5.meta 里加入 author ?description keywords
