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