CSS知识点个人总结（不断更新）
—自用筆記：本文屬于自用筆記，錯誤之處懇請留言指出—
1、CSS中!important的使用
CSS的原理：我們知道，CSS寫在不同的地方有不同的優(yōu)先級， .css文件中的定義 <(小于) 元素style中的屬性，但是如果使用!important，事情就會變得不一樣。
首先先看一段代碼：
雖然元素的style中有testClass類的定義，但是在上面的css定義中的用!important限定的定義卻是優(yōu)先級最高的，無論是在IE6-10或者Firefox和Chrome表現(xiàn)都是一致的，都顯示藍色。
這種情況也同時可以說明IE6是可以識別!important的，只是這個是IE6的一個缺陷吧。如果寫成下面的樣式，IE6是識別不出來的：
這樣，在ie6下展示的時候會顯示成紅色。當然，也可以通過以下方式來讓ie6識別：
.testClass{ color:blue !important; } .testClass{ color:red; }通過以上方式也是可以讓ie6顯示成藍色的。以上實例說明使用!important的css定義是擁有最高的優(yōu)先級的。只是在IE6下出了一點小的bug，注意書寫方式一般可以輕松避開的。
2、DIV+CSS 布局
所謂<div>標簽我們可以理解為一個盒子。
例如：<div class="top" style='border:1px solid #000;background-color:#EEE'>這里是Top</div>
border:1px solid #000;（這是把邊框顯示出來，方便我們布局）。
background-color:#EEE;（這是背景色設置，#EEE為顏色值）。
div的設置屬性有很多，我就大致說一下。
這里可以設置一下字體居中，字體距離上下邊框的距離。
text-align:center;（文字橫向居中）
padding:30px;（字體距離上下左右邊框的距離，因為左右已經(jīng)超出了30px，所以這個30px就對左右不起限制作用了。）
總結
以上是生活随笔為你收集整理的CSS知识点个人总结（不断更新）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaSE知识点个人总结（不断更新）
- 下一篇： 02-CSS