小結一下前端html+css的經驗 （三）

1.    img標籤必需要寫alt屬性，當圖片丟失或加載失敗不會顯示難看的叉叉，對SEO也比較友好。也能夠在onerror事件裏面指定默認圖片地址或隱藏onerror="this.src='默認圖片的url地址;this.onerror=null'"

2.    無論什麼引用，儘可能寫絕對路徑，相似「../」的相對路徑，雖然能夠拿出來單獨預覽，可是對於項目來講，很容易移動文件位置或者他人修改發生問題。例：<link rel="stylesheet" type="text/css" href="/css/colorbox.css"/>      background: url(/image/Search.jpg)

3.    儘可能不要div嵌套，要知道處理兼容是浪費性能的事情，能夠用<p>標籤，也挺實用，不是必定要用到「塊「級元素的，試試：span、a、lable等小標籤，多餘的標籤就去掉吧，越簡潔的代碼越高雅。

4.    關於文件引用，每一個公司有不一樣的規定，個人風格是：全部的母板頁和非嵌套母板頁的.aspx 必須引入 reset.css、 layout.css、Jquery等文件，千萬不要在母板頁和子頁面都引用同一個文件，看起來很不專業。

5.    儘可能要拋棄老的、不推薦的標籤了哦，除了ul li ol，能夠多試試 dd dt dl這些標籤，至於font center strong 這些標籤，我早就不用了，table佈局也少用到，除了後臺顯示數據。如今W3C只是不推薦這些標籤，說不定之後就棄用了哦。

6.    IE分不清繼承關係和父子關係的差異，所有都是繼承關係，請不要重複定義一樣的樣式屬性，css權重分清楚，詳見：http://my.oschina.net/lianyi/blog/49243

7.    與內容無關的圖片請使用background。時刻記住表現與內容分離，內容注重SEO優化，表現注意用戶體驗。

8.    絕對定位時使用margin值定位能夠達到相對於自己所在位置的定位，這與top，left等屬性相對與窗口邊緣的定位不一樣。絕對定位的優點在於可讓其它元素忽略它的存在。

9.    幾種文字的排版：文字倒排（逆時針轉90度）"font-family:@宋體;  文字正寫豎排,中文豎排，從右往左讀"layout-flow: vertical-ideographic;height:399;float:right; 詳見：http://www.mini88s.com/news_list.asp?id=968

10.  <input style="ime-mode:disabled"> 關閉輸入法

11.  .在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動：{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center;background-attachment: fixed} 

最近公司前端開發除了我都走了，深感壓力呀，加班之餘，也沒什麼時間管理博客了，這是前幾天總結的，原本想再寫多一點，估計最近要忙死了，之後有時間再續吧。。。。