1.
在語義不明顯，既可以用 也可以用 的地方，盡量用 ，因為 預設情況下有上下間隔，去樣式後的可讀性更好，對相容特殊終端有利；
2.如果漏寫 dtd 宣告， firefox 仍然會按照標準樣式來解析網頁，但在 ie 中（包括 ie6、ie7、ie8）就會觸發怪異模式；
3.少使用子選擇器，就需要多新增 class ；
4.css sprite 「翻轉技術」 —— 將多張合併為一張，然後利用 background-position 屬性來展示需要的部分. 是否使用 css sprite 主要取決於**流量；
5.塊級元素： div、p、form、ul、ol、li
行內元素： span、strong、em
塊級元素會獨佔一行，預設情況下，其寬度自動填滿其父元素寬度；
行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，直到一行排不
下，才會換行，其寬度隨元素的內容而變化；
6.塊級元素可以設定 width、height 屬性；
行內元素設定 width、height 屬性無效；
7.塊級元素可以設定 margin 和 padding 屬性。
行內元素只有水平方向的 margin 和 padding 產生邊距效果；
8.塊級元素和行內元素的 css 相關屬性是 display ，其中塊級元素對應於
display : block ，行內元素對應於 display : inline。 可以通過修改 display
屬性來切換塊級元素和行內元素；
9.css中有乙個用於豎直居中的屬性 vertical-align ，但只有當父元素為
或 時，這個 vertial-align 屬性才會生效；
標籤預設情況下就隱式地設定了 vertical-align 的值為 middle ；
WEB前端開發中的SEO注意點
近幾年來，seo在國內得到了蓬勃的發展，其中很多的seo技術越來越體現在web前端的一些細節上。要做好seo，web前端這一塊也要做必不可少的優化。這就要求我們web前端工程師在開發頁面的時候，要寫出規範標準的 符合seo，做好使用者體驗。1 布局要做到樣式與頁面分離，刪除頁面中不必要的標籤和元素。...
web 前端技術點
prototype為類定義的方法要先定義後使用，跟js執行原理有關 prototyp只能在類中進行方法和變數的定義，例項中沒有這個屬性 例項對prototyp定義的屬性進行直接賦值是在例項中生成乙個新的屬性，而不是改變prototyp裡的屬性，如果是資料push進去就是各例項共享的。所以protot...
Web資料抓取注意點
應該判斷host是不是合法的。如 google.com 合法，但是googlecom或者google.abcde就不構成乙個合法的host。位址中含有中文,與作業系統環境 需要設定timeout。使用非同步方式或多執行緒 多程序 方式以提高抓取速度 資料內容驗證 判斷content type 抓取下...