select:after
在firefox中，當子級都為浮動時，那麼父級的高度就無法完全的包住整個子級，那麼這時用這個清除浮動的hack來對父級做一次定義，那麼就可以解決這個問題。
截字省略號
select
這個是在越出長度後會自行的截掉多出部分的文字，並以省略號結尾，很好的乙個技術。只是目前firefox並不支援。
只有opera識別
@media all and (min-width: 0px) }
針對opera瀏覽器做單獨的設定。
以上都是寫css中的一些hack，這些都是用來解決區域性的相容性問題，如果希望把相容性的內容也分離出來，不妨試一下下面的幾種過濾器。這些過濾器有的是寫在css中通過過濾器匯入特別的樣式，也有的是寫在html中的通過條件來鏈結或是匯入需要的補丁樣式。
ie5.x的過濾器，只有ie5.x可見
@media tty
}/* */
ie5/mac的過濾器，一般用不著
/*\*//*/
@import "ie5mac.css";
/**/
ie的if條件hack
所有的ie可識別
只有ie5.0可以識別
ie5.0包換ie5.5都可以識別
僅ie6可識別
ie6以及ie6以下的ie5.x都可識別
僅ie7可識別
區別不同瀏覽器，css hack寫法：
區別ie6與ff：
background:orange;*background:blue;
區別ie6與ie7：
background:green !important;background:blue;
區別ie7與ff：
background:orange; *background:green;
區別ff，ie7，ie6：
background:orange;*background:green !important;*background:blue;
注：ie都能識別*;標準瀏覽器(如ff)不能識別*；
ie6能識別*，但不能識別 !important,
ie7能識別*，也能識別!important;
ff不能識別*，但能識別!important;
ie6 ie7 ff
* √ √ ×
!important × √ √
另外再補充乙個，下劃線"_",
ie6支援下劃線，ie7和firefox均不支援下劃線。
於是大家還可以這樣來區分ie6，ie7，firefox
: background:orange;*background:green;_background:blue;
注：不管是什麼方法，書寫的順序都是firefox的寫在前面，ie7的寫在中間，ie6的寫在最後面。
CSS樣式表應用
例1 建立上標 下標樣式表 1 單擊 視窗 css樣式 命令，開啟 css樣式 面板。2 單擊 css樣式 面板右上角的下三角按鈕，從彈出的選單中選擇 新建css樣式 命令，這時會出現 新建css樣式 對話方塊。3 在 新建css樣式 對話方塊中，將 名稱 設定為sbiao，型別 設定為 類 可應用...
實驗三XML樣式表技術 CSS與XSL
驗證性實驗 1 了解xml內容與顯示分離的特點 2 掌握xml樣式的兩種技術css和xsl，並理解兩者的區別 2 掌握css的基本語法和兩種引用方式 3 理解基於xsl處理xml顯示的基本原理 4 掌握xsl的語法結構和元素宣告。5 掌握xsl中xpath的概念和基本使用方式 6 掌握基於xml s...
樣式表舉例
1 內部樣式表 下面通過建立css樣式對網頁中的文字進行格式化。1 用dw開啟網頁文件 2 單擊 樣式表 面板中的 新建css規則 按鈕，彈出 新建css規則 對話方塊。3 在 名稱 文字框裡輸入要定義的css樣式的名稱.ziti，在 選擇器型別 項中選中 類 單選按鈕，在 定義在 項中選中 僅對該...