互聯網 - 大數據

CSS

• css outline 與border 重要區別，outline不參與到文檔流中，即outline是不站位置的。
• 最好為a標簽的每一個狀態都設置你需要的 text-decoration，不然各種悲催的瀏覽器表現不一樣
• ::selection 這應該是一個新的偽類，定義了網頁選中的背景顏色，在“又拍”發現的。
• 兩個同級的div 都設置了 inline-block，你會發現他們之間有一些間隙（ff,chrome大多A級瀏覽器都這樣），非常莫名其妙。 這是由于代碼換行導致的，強制把代碼寫在一行就行了。 具體為什么還真不知道，太BUG了。文章鏈接
  
  
• 用label 包裹 input 不寫for 不能聚焦到input(IE6下)，其他瀏覽器可以！
• 一個關于z-index在IE下表現錯誤的測試。 一篇博客   看圖更容易理解
• 一個微軟的文檔 
• display:table; 
  在Chrome下可能引發橫向布局算法發生變化。比如border寬度被計算到width內！
  ---- 這可能是Chrome的一個BUG，firefox和其他瀏覽器表現正常
• 疑惑 --- white-space 用來處理空白字符在瀏覽器中的表現，為什么有一個nowrap來控制文本是否斷行，這個任務不是應該交給 word-wrap 、 word-break 嗎？
• div:nth-child(1){  // 這個CSS3的新選擇器需要糾結一會，有好幾個類似也是這個規則
  　　font-size:24px;
  } / * 在容器第1個元素是div * /
  
  div:nth-of-type(1){
  　　font-size:36px;
  }/* 在容器中所有div中的第1個 */
• 行內元素（內聯元素display:inline）,不接受寬度（width）,高度(height),上下外邊距（margin-left，margin-top）,這很容易理解。
  但是postition:absolute|fixed;會改變這個狀況,使其可以接受以上CSS屬性。(IE6 fixed 出外)

javascript

      發布以后這里的內容不見了,不再敲一遍了。哎