CSS屬性值

1:CSS-dispaly可能的值:

值	描述
none	此元素不會被顯示。
block	此元素將顯示為區塊層級元素，此元素前後會帶有分行符號。
inline	預設。此元素會被顯示為內嵌元素，元素前後沒有分行符號。
inline-block	行內塊元素。（CSS2.1 新增的值）
list-item	此元素會作為列表顯示。
run-in	此元素會根據上下文作為區塊層級元素或內嵌元素顯示。
compact	CSS 中有值 compact，不過由於缺乏廣泛支援，已經從 CSS2.1 中刪除。
marker	CSS 中有值 marker，不過由於缺乏廣泛支援，已經從 CSS2.1 中刪除。
table	此元素會作為塊級表格來顯示（類似 <table>），表格前後帶有分行符號。
inline-table	此元素會作為內聯表格來顯示（類似 <table>），表格前後沒有分行符號。
table-row-group	此元素會作為一個或多個行的分組來顯示（類似 <tbody>）。
table-header-group	此元素會作為一個或多個行的分組來顯示（類似 <thead>）。
table-footer-group	此元素會作為一個或多個行的分組來顯示（類似 <tfoot>）。
table-row	此元素會作為一個表格行顯示（類似 <tr>）。
table-column-group	此元素會作為一個或多個列的分組來顯示（類似 <colgroup>）。
table-column	此元素會作為一個儲存格列顯示（類似 <col>）
table-cell	此元素會作為一個表格儲存格顯示（類似 <td> 和 <th>）
table-caption	此元素會作為一個表格標題顯示（類似 <caption>）
inherit	規定應該從父元素繼承 display 屬性的值。

display:none與visible:false的區別：設定visible:false在用戶端的DOM結構中就沒有該控制項

1. border-collapse 屬性設定表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示,預設是這樣顯示的:                                                                     

border-collapse:separate;	border-collapse:collapse

2.關於文本對齊:text-align:justify;

 

text-justify版本：IE5+專有屬性　繼承性：無文法： text-justify :  auto |  distribute |  distribute-all-lines |  distribute-center-last |  inter-cluster |  inter-ideograph |  inter-word |  kashida |  newspaper取值：

auto	:	預設值。允許瀏覽器代理使用者確定使用的左右對齊法則
distribute	:	處理空格很像 newspaper ，適用於東亞文檔。尤其是泰文
distribute-all-lines	:	左右對齊行的方式與 distribute 相同，也同樣不包含兩段對齊段落的最後一行。適用於表意字文檔
distribute-center-last	:	未實現
inter-cluster	:	調整文本無詞間空格的行。這種模式的調整是用於最佳化亞洲語言文檔的
inter-ideograph	:	為表意字文本提供完全左右對齊。他增加或減少表意字和詞間的空格
inter-word	:	通過增加字之間的空格對齊文本。該行為是對齊所有文本行最快的方法。它的左右對齊行為對段落的最後一行無效
kashida	:	通過拉長選定點的字元調整文本。這種調整模式是特別為阿拉伯指令碼語言提供的。需要IE5.5+支援
newspaper	:	通過增加或減少字或字母之間的空格對齊文本。是用於拉丁文字母表左右對齊的最精確格式

說明：設定或檢索對象內調整文本使用的對齊。
因為這個屬性影響文本布局，所以 text-align 屬性必須被設定為  justify 。
此屬性只作用於塊對象。
此屬性對於  currentStyle 對象而言是唯讀。對於其他對象而言是可讀寫的。
對應的指令碼特性為  textJustify 。3:

background 簡寫屬性在一個聲明中設定所有的背景屬性。

可以按順序設定如下屬性：

• background-color：

  color_name	規定顏色值為顏色名稱的背景顏色（比如 red）。
  hex_number	規定顏色值為十六進位值的背景顏色（比如 #ff0000）。
  rgb_number	規定顏色值為 rgb 代碼的背景顏色（比如 rgb(255,0,0)）。
  transparent	預設。背景顏色為透明。

• background-image
• background-repeat：
  

  repeat	預設。背景映像將在垂直方向和水平方向重複。
  repeat-x	背景映像將在水平方向重複。
  repeat-y	背景映像將在垂直方向重複。
  no-repeat	背景映像將僅顯示一次

• background-attachment(規定背景映像是否固定或者隨著頁面的其餘部分滾動，有兩個值scroll和fixed)：
  

  scroll	預設值。背景映像會隨著頁面其餘部分的滾動而移動。
  fixed	當頁面的其餘部分滾動時，背景映像不會移動。

• background-position

常用的是在沒有list-tyle的li內部的a標籤裡實現list-type的風格：#hr2 ul li a{
    color:#777575;       padding-left:10px;     background: transparent url(/EQ_ART2/EQ_images/listtypeimage.jpg) no-repeat fixed left;}
4：ie6片不透明問題，這是一個古老的問題了：首先來看一段指令碼，

        function chekc() {
            var arVersion = navigator.appVersion.split("MSIE")
            var version = parseFloat(arVersion[1])
            if ((version >= 5.5) && (document.body.filters)) {
                for (var j = 0; j < document.images.length; j++) {
                    var img = document.images[j]
                    var imgName = img.src.toUpperCase()
                    if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") {
                        var imgID = (img.id) ? "id='" + img.id + "' " : ""
                        var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                        var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                        var imgStyle = "display:inline-block;" + img.style.cssText
                        if (img.align == "left") imgStyle = "float:left;" + imgStyle
                        if (img.align == "right") imgStyle = "float:right;" + imgStyle
                        if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                        var strNewHTML = "<span " + imgID + imgClass + imgTitle
                                                    + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
                                                    + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                                                    + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
                        img.outerHTML = strNewHTML
                        j = j - 1
                    }
                }
            }
        }

在DOm載入完成以後，修改每個png圖片的outerHTML 屬性；5：outerHTML除了包含innerHTML的全部內容外, 還包含對象標籤本身；6：overflow實現textarea 無邊框無捲軸overflow 版本：CSS2　 相容性：IE4+ NS6+　繼承性：無

文法：

overflow : visible | auto | hidden | scroll

參數：

visible : 　不剪下內容也不添加捲軸。假如顯式聲明此預設值，對象將被剪下為包含對象的window或frame的大小。並且clip屬性設定將失效

auto : 　此為body對象和textarea的預設值。在需要時剪下內容並添加捲軸

hidden : 　不顯示超過對象尺寸的內容

scroll : 　總是顯示捲軸

說明：

檢索或設定當對象的內容超過其指定高度及寬度時如何管理內容。

設定textarea對象為hidden值將隱藏其捲軸。

對於table來說，假如table-layout屬性設定為fixed，則td對象支援帶
有預設值為hidden的overflow屬性。如果設為hidden，scroll或者auto，那麼超出td尺寸的內容將被剪下。如果設為
visible，將導致額外的文本溢出到右邊或左邊（視direction屬性設定而定）的儲存格。

自IE5開始，此屬性在MAC平台上可用