薔薇教我的調CSS樣式的方法

1.每個div的css最好加浮動要麼就清除浮動

2.如果只是乙個瀏覽器不相容你就可以用每個瀏覽器專門識別的符號控制

3.!important是css1就定義的語法，作用是提高指定樣式規則的應用優先權(參見：w3.org的解釋)。語法格式，即寫在定義的最後面，例如：

box

最重要的一點是：ie一直都不支援這個語法，而其他的瀏覽器都支援。因此我們就可以利用這一點來分別給ie和其他瀏覽器不同的樣式定義，例如，我們定義這樣乙個樣式：

.colortest

在mozilla中瀏覽時候，能夠理解!important的優先順序，因此顯示#60a179的顏色：

4.可以用margin、padding定位

5.在大的div層裡用了浮動後，小層div如果出問題，可能是需要清除浮動clear:left/right/both;

6.div中一般要加浮動；

7.有時候需要加margin:0px;padding:0px;是因為有些瀏覽器的margin、padding的值不為0；

8.ie更新的速度實在太快了，ie7還未普及，ie8就來了，這樣廣大的站長朋友就有的辛苦了，要計畫**的重新改版了，而這篇文章就是尋求最簡單的方法解決ie8相容問題，當然這只是最簡單的方法解決了相容問題，而不是從根本上解決了相容問題。眾所周之，符合編碼規範才能真正解決瀏覽器相容問題。

方法一、要在頁面中加入如下http meta-tag:

只要ie8一讀到這個標籤，它就會自動啟動ie7相容模式，保證頁面完整展示。

更多：css瀏覽器相容方案

9.word-spacing 定義了各個單詞之間的間距 normal必須以長度為單位

letter-spacing 定義了每個字母之間的間距同上

text-decoration 定義文字的「裝飾」樣式 none|underline|overline|

vertical-align 定義了元素在垂直方向上的位置

text-transform 使文字轉換為其它形式 capitalize|uppercase|lowercase|none

text-align 定義了文字的對齊方式 left|right|center|justify

text-indent 定義了文字的首行的縮排方式 |

line-height 定義了文字的行高 normal|||

例子：p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height：17pt">我們看到經過文字屬性處理的文字字與字之間多了間距，行與行之間多了行高，對齊方式變成了兩端對齊，並且段首又多縮排了兩格。

解釋：letter-spacing設定了字間距為5px，其中5px為乙個長度單位；text-align設定了對齊方式為兩端對齊；indent設定了縮排格為4em；line-height設定了行高為17pt

9.background-color:沒有none這個值

10.css透明度原理

.transparent_class

上面的幾個屬性分別是:

•opacity: 0.5; 這是最重要的，因為它是css標準.該屬性支援firefox, safari和 opera.

•filter:alpha(opacity=50); 這個是為ie6設的，可取值在0-100，其它三個0到1.

•-moz-opacity:0.5; 這個是為了支援一些老版本的mozilla瀏覽器。

•-khtml-opacity: 0.5; 這個為了支援一些老版本的safari瀏覽器。

css透明度繼承問題

但css的透明屬性涉及到乙個繼承問題，當為父級元素設定透明度後，子元素將自動繼承其透明度