81.在HTML中，SEO常見的白帽優化技巧有哪些？
82.塊屬性標簽與行屬性標簽的區別？哪些標簽是塊屬性的，哪些是行的
見我的博客：http://www.cnblogs.com/shireyhu/p/7814156.html
83.IE6和IE7有什么不同？（廢棄，沒有參考價值）
84.與三個兄弟div，給div設計樣式float:left，如何使第二個div不浮動（不能用CSS3選擇器）
給第2個div加float:none;
85.寫出兩個div並排顯示的css樣式，要求左側的div寬度200px；字體加粗；行高30px；與右側div的外邊距10px；右側的div寬度自適應，邊框1px灰色；
86.CSS樣式引用和js引入的位置問題（為什么會放在頭部或者底部）
在開發網頁時，盡量將css放置在頁面的header里，js不管是外部引入的或嵌入的js片段都應放在頁面的尾部
因為頁面在加載時，css加載時可以並發請求的（同頁面中的圖片，ie6除外），而js加載時需要等待一個js文件加載完成后才加載其他資源，為了頁面的快速呈現，放置在尾部效果更好
同時由於嵌入的js片段會阻塞整個頁面的呈現（外部引入js文件阻塞其他資源下載，也會阻塞該js引入位置以下的頁面的內容呈現，所以要放置在頁面的最下面）
87.下列成立的是（ABCD）
88.XHTML中正確標記折行的標簽是
89.下面不支持overflow-y屬性的瀏覽器是（IE7）
90.讀以下代碼，相鄰div的垂直外邊距是多少？
相鄰div的垂直外邊距是50px
91.讀下面一段代碼，div#a和div#b哪個疊放層次更高，a覆蓋b還是b覆蓋a？
a覆蓋b
92.標簽語義化和CSS命名語義化有什么好處？
*去掉樣式或者樣式丟失時頁面結構依然清晰分明
*移動設備能夠更加完美的展示你的網頁（移動設備對css的支持較弱）
*閱讀器會根據標簽的語義自動解析，呈現更容易閱讀的內容形式（無障礙閱讀）
*搜索引擎會根據標簽的語義確定上下文和權重問題
*便於后期的開發以及維護，團隊合作效率更高
93.某種效果，有兩種實現方案都可以實現，方案一，img標簽，方案二：背景圖，兩個方案如何取舍？衡量的標准是什么？
以下場景使用img標簽比較合適：
*如果圖像是內容的一部分或圖表或人，使用img標簽加上alt屬性
*如果你想打印頁面並且你想要的圖像包含默認情況下使用img
*使用img（alt文本）圖像有一個重要的語義化時，比如一個警告圖標，這將確保圖像的意義可以很好地和user-agents溝通，包括屏幕瀏覽器。
*如果你依賴於瀏覽器縮放圖像比例並且可以呈現不錯的效果時使用img
*如果配合和z-index伸展背景圖像來填補它的整個窗口時使用img
*使用img代替有背景圖像可以顯著提高性能的動畫背景
*img會首先加載因為src在html文件本身中而在有背景圖像源是樣式表中引入的圖像，加載樣式表加載后，延遲加載的網頁。
如下場景使用background-image屬性比較合適：
*如果圖像不是內容的一部分使用background-image
*當圖像代替文本使用時使用background-image
*如果你想打印頁面並且你不想要的圖像包括默認情況下使用background-image
*如果需要縮短下載時間通過CSS Sprites時使用background-image
*如果你炫耀為不同的屏幕分辨率展示不同的他圖像使用media查詢時使用background-image
94.應用DIV+CSS寫出一個固定寬度的三列布局，能夠使內容根據屏幕大小自適應居中。
95.CSS布局中，擁有布局（haslayout）有什么作用？怎樣觸發元素擁有布局？塊級格式化范圍（Block Formatting Context簡稱BFC）有什么作用？怎樣觸發元素BFC特性？
參考博客：http://blog.sina.com.cn/s/blog_51048da701018o29.html
后續會整理放鏈接
96.你做的頁面在哪些瀏覽器測試過？這些瀏覽器的內核是什么？經常遇到的瀏覽器的兼容性有哪些？怎么會出現？解決辦法是什么？
IE內核瀏覽器：360，傲游，搜狗，世界之窗，騰訊TT
非IE內核瀏覽器：firefox、opear，safari，Chrome
兼容性問題：
*ie6雙倍邊距的問題，在使用了float的請款修改，不管是向左還是向右，都會出現雙倍邊距，最簡單的解決辦法就是用display:inline;加到css里面去
*文字本身的大小不兼容，同樣是font-size:14px的宋體文字，在不同瀏覽器下占的空間是不一樣的，ie下實際占高16px，下留白3px，ff下實際占高17px，上留白1px，下留白3px，opera下就更不一樣了，解決方案：給文字設定line-height，確保所有文字都有默認的line-height值，這點很重要，在高度上我們不能容忍1px的差異
*ff下容器高度限定，即容器定義了height之后，容器邊框的外形就確定了，不會被內容撐大，ie下是會被內容撐大，高度限定失效，所以不要輕易給容器定義height
*還討論內容撐破容器問題，橫向上的，如果float容器未定義寬度，ff下內容會盡可能撐開容器寬度，ie下則會優先考慮內容折行，故，內容可能撐破的浮動容器需要定義width
*浮動的清除，ff下不清除浮動是不行的
*mirrormargin bug，當外層元素內有float元素時，外層元素如定義margin-top;14px;將自動生成margin-bottom:14px;，，padding也會出現類似問題，都是ie6下的產物，該類bug出現的情況較為復雜，遠不止這一種出現條件。解決方案：外層元素設定border或者設定float
*吞吃現象，還是ie6，上下兩個div，上面的div設置背景，卻發現下面沒有設置背景的div也有了背景，這就是吞吃想先，對應上面的吞吃現象，還要滾動下邊框缺失的現象，解決方案：使用zoom:1；這個zoom好像就是為了專門解決ie6 bug而生的
97.什么是CSS浮動問題？如何清除浮動？寫出所有你知道的方法？
clear:both;
*使用空標簽清除浮動。這種方法是在所有浮動標簽后面添加一個空標簽定義css clear:both;弊端就是增加了無意義標簽
*使用overflow，給包含浮動元素的父標簽添加css屬性overflow:auto;zoom:1;zoom:1用於兼容ie6
*使用after偽對象清除浮動。該方法只適用於非IE瀏覽器，使用中需注意，該方法中必須為需要清除浮動元素的偽對象中設置height:0，否則鈣元素會比實際高出若干像素，content屬性是必須的，但其值可以為空，content屬性設為"."，空也可以
*浮動外部元素，
這幾種方法各有利弊，使用時應擇優選擇，比較之后，第2種方法更可取
98.觸發haslayout的方法
（見95題）
大部分的IE顯示錯誤，都可以通過激發元素的haslayout屬性來修正，可以通過設置css尺寸屬性（width/height）等來激發元素的haslayout，使其“擁有布局”，如下所示，通過設置以下css屬性即可（啟動）
*display:inline-block;
*height:(任何值除了auto)通常用_height:1%;解決IE6的問題，height:1%;不會改變實際寬度
*float:(left/right)
*position:absolute;
*width:(任何值除了auto)
*writing-mode:tb-rl
*zoom:(除normal外任意值)
99.ie瀏覽器Hack的寫法：
