1.塊級元素和行內元素的區別
塊級元素即使設定了寬度，仍然是獨佔一行的，
塊級元素可以設定margin和padding屬性。行內元素的margin和padding屬性只有水平邊距，沒有豎直邊距。
豎直方向的padding雖然增大了行內元素的面積，但並沒有和相鄰元素拉開距離。
為了相容ie6、ie7(不支援display:inline:block)，我們真正能使用的display型別只有inline,block和none.
display:inline-block集塊級元素和行內元素的特點於一身。
為了使ie6、ie7實現display:inline-block效果，可以在行內元素(如span)中定義display：inline-block，以觸發haslayout,可以使用vertical-align:-10px和其他實現瀏覽器效果一樣。
它只能對行內元素實現display:inline-block；還要用到針對ie的hack,*vertical-align。
position:absolute和float會隱式的改變display型別，不論之前是什麼型別的元素（display:none除外），只要設定了postion:absolute、float；left和float:right中任意乙個，都會讓元素以display:inline-block顯示，這也就是ie6下使用float產生雙邊距可以使用display:inline去除.
position:relative不會隱式改變display的型別。
文字、等行內元素的水平居中可以使用text_align:center。
確定寬度的塊級元素的水平居中可以使用margin:0 auto;
不確定寬度的塊級元素的水平居中（1）.講內容放入table標籤，這是table標籤margin:0 auto;（2）將塊級元素使用display:inline變成行內元素，在通過text-align:center實現；（3）給父元素設定float,然後父元素設定position:reletive和left:50%,子元素設定成position:reletive和left:-50%.
父元素高度不確定的文字、和塊級元素豎直居中是通過給父容器設定上下邊距實現的。
父元素高度確定的單行文字豎直居中，是通過給父元素設定line-hignt等於父元素hight高度實現的。
父元素高度不確定的多行文字、和塊級元素豎直居中（1）直接使用**（2）對於支援display:table-cell的ie8和ff用display:table-cell和vertacil-align:middle實現居中。對於不支援則使用ie hack
同級下，哪塊內容重要，在html就優先寫到前面。
用於布局個人偏好子選擇器
除了x,y軸，還有乙個z軸，z軸在元素設定position為reletive或absolute或被啟用，起大小有z-index設定，z-index越大，元素位置越靠上。
z-index只對非視窗的元素有效，而flash預設是視窗模式，我們要將flash中的womde設定成opaque或transpartent
select元素在ie6下也是預設以視窗形式顯示的。
ie6的png不支援透明，可以使用ie下私有的濾鏡解決。web前端開發修煉之道 物件導向程式設計
好吧，又是很久沒寫東西了！前兩天問乙個技術人說物件導向是什麼，他打趣說就是面對著我物件 男朋友 囧了一下！呵呵，今天恰好看到 編寫高質量 的物件導向程式設計。記錄之！首先給乙個 本的例子 定義 本1 var phonebook 定義 本2 var phonebook2 查詢 function get...
Web前端開發修煉之道 學習筆記一
1 前期的構思很重要，是乙個先慢後快的過程 2 制定規範 3 團隊的分工與合作 2.1 語義化標籤，那如何評判？2.2 語義化的標題和內容模組 html部分 更多 段落一的內容根據瀏覽器的預設樣式 段落二的內容 css部分 title title h2 p strong2.3 語義化的表單模組 ht...
web前端開發修煉之道 物件導向程式設計 二
好吧，還是先說一些p話，昨天說好這兩天的 面試是下午四五六點的。結果今天早上10點就給我打來 表示還準備早上準備一下的，畢竟有一段時間沒搞頁面了。面試完之後問結果怎麼樣的時候，那邊說如果我是廣州本地的就直接給offer了。這，武漢的孩子傷不起呀。可是我真的想去廣州。好，p話結束。面向過程程式設計所有...