CSS知識點個人總結(不斷更新)

2021-08-01 23:58:39 字數 1307 閱讀 8845

1、css中!important的使用

css的原理:我們知道,css寫在不同的地方有不同的優先順序, .css檔案中的定義 <(小於) 元素style中的屬性,但是如果使用!important,事情就會變得不一樣。

首先先看一段**:

測試css中的!important區別title>

head>

type="text/css">

.testclass

style>

class="testclass"

style="color:red;">

測試css中的important

div>

body>

html>雖然元素的style中有testclass類的定義,但是在上面的css定義中的用!important限定的定義卻是優先順序最高的,無論是在ie6-10或者firefox和chrome表現都是一致的,都顯示藍色。

這種情況也同時可以說明ie6是可以識別!important的,只是這個是ie6的乙個缺陷吧。如果寫成下面的樣式,ie6是識別不出來的:

.testclass

這樣,在ie6下展示的時候會顯示成紅色。當然,也可以通過以下方式來讓ie6識別:

.testclass

.testclass

通過以上方式也是可以讓ie6顯示成藍色的。以上例項說明使用!important的css定義是擁有最高的優先順序的。只是在ie6下出了一點小的bug,注意書寫方式一般可以輕鬆避開的。

2、div+css 布局

所謂標籤我們可以理解為乙個盒子。

例如:這裡是top

border:1px solid #000;(這是把邊框顯示出來,方便我們布局)。

background-color:#eee;(這是背景色設定,#eee為顏色值)。

div的設定屬性有很多,我就大致說一下。

這裡可以設定一下字型居中,字型距離上下邊框的距離。

text-align:center;(文字橫向居中)

padding:30px;(字型距離上下左右邊框的距離,因為左右已經超出了30px,所以這個30px就對左右不起限制作用了。)

EasyDemo CSS背景知識點個人總結 五

五 背景 背景色1.1背景色background color background color屬性用於為元素設定背景色,該屬性接收任何合法的顏色值 為元素背景設定一種純色 1.2背景影象 1.2.1背景background image 預設值none,表示背景上沒有放置任何影象 如果需要設定乙個背景...

備用小知識 不斷更新

1.延時函式 nsthread sleepfortimeinterval 3 self performselector selector machineballaction withobject nil afterdelay 0 你一定要在dealloc方法中release這個array,顯然易見,...

Eclipse 使用總結(不斷更新)

一 manager設定映象 啟動 android sdk manager 開啟主介面,依次選擇 tools options.彈出 android sdk manager settings 視窗 在 android sdk manager settings 視窗中,在 http proxy serve...