《CSS那些事兒》之閱讀筆記

1.IE6不支持子代(>)和相鄰兄弟選擇器(+)。

2.建議少有@import因為外部css,IE6下會出現(xiàn)閃屏現(xiàn)象。

3.大型復雜網站,定義通用樣式,不要過分細分css,適當?shù)淖⑨尶梢蕴岣咝薷暮退阉鞯谋憷浴?/p>

4.單列自適應結構

.container:after{? //父元素

content:'';

display:block;

clear:both;

}

.left{ //左側子元素

float:left;

width:400px;

border:2px solid#0000fe;

margin-right:-400px;

}

.right{? //右側子元素

float:right;

width:auto;

margin-left:400px;

border:2px solid#0000fe;

}

5.background-image屬性高于background-color,背景圖會在背景顏色上面展示。

6.IE6中如何正常顯示png-24格式的圖片。

7.設置display:inline,解決IE6雙倍間距(margin)的bug問題。

8.清除浮動的5種方法

① 在浮動的子元素最后加一個<br clear="all"/>,清除浮動(ie6的效果,需在父元素加上zoom:1修正)。

② 也可以在相鄰的子元素設置清除浮動。

③ 設置父元素overflow:hidden,清除浮動,前提保證父元素內容不能超過其內容區(qū)域。

④ 利用設置父元素display:table,清除浮動(ie6及早期FF版本支持性不好)。

⑤ 利用父元素設置:after清除浮動

歡迎指正及補充!

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,172評論 1 92
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css...
    KunMitnic閱讀 1,127評論 0 1
  • 斷斷續(xù)續(xù)的在開發(fā)過程中收集了好多的bug以及其解決的辦法,都在這個文章里面記錄下來了!希望以后解決類似問題的時候能...
    卡卡西哥哥閱讀 656評論 0 1
  • Web前端開發(fā)精品課讀書筆記[toc] HTML與CSS進階教程 小知識 最新HTML標準文檔說明簡化, 大小寫不...
    hi句身閱讀 442評論 0 0
  • 遲遲古道驚春雨,綠柳依依不忍離。 陌上花開歸戶牖,庭前桃蕊舞清溪。 注:新韻,首句平起不入韻。 1、遲遲:出自于先...
    幽小窗閱讀 775評論 30 50

友情鏈接更多精彩內容