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

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

其他

• IE 7上傳一個jpg圖片，PHP讀取到的圖片類型是 image/pjpeg。大多瀏覽器都是 image/jpg, image/jpeg 。據說IE6也有可能這樣。

?

轉載于:https://www.cnblogs.com/idche/archive/2011/11/29/2267566.html

總結

以上是生活随笔為你收集整理的【记录】一些平时留意过的的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。