· 完美的單象素外框線**(在ie5.0 ie6.0及 ff 中均可通過測試,其它未測試)table td
· margin 取負值可以在標籤使用絕對定位的時候起到相對定位的作用,在頁面居中顯示時,使用絕對定位的層不適合使用 left:xxpx 這個屬性。 把這個層放到乙個要相對定位的標籤旁,然後使用 margin 的負值是個好方法。
· 絕對定位時使用 margin 值定位可以達到相對於本身所在位置的定,這與 top,left 等屬性相對與視窗邊緣的定位不同。絕對定位的優勢在於可以讓其它元素忽略它的存在。
幾個常用到的 css 樣式
· 1.中文字兩端對齊:text-align:justify; text-justify:inter-ideograph;
· 2.固定寬度漢字截斷:overflow:
hidden;text-overflow:ellipsis;white-space:nowrap;(不過只能處理文字在一行上的截斷,不能處理多行。
)(ie5以上)
· 3.固定寬度漢字(詞)折行:table-layout:fixed; word-break:break-all;(ie5以上)
· 4.文字 用滑鼠放在前面的文字上看效果。這個效果在國外的很多**都可以看到,而國內的少又少。
· 5.**設為半透明:.halfalpha 在 ie6 及 ie5 測試通過,ff未通過。
· 6.flash透明: 選中 swf,開啟原**視窗,在 前輸入 我們在做網頁時常用到把滑鼠放在**上會出現**變亮的效果,可以用**替換的技巧,也可以用如下的濾鏡,**如下:
.pictures img
.pictures a:hover img
· 如果文字過長,則將過長的部分變成省略號顯示:ie5、ff 無效,但可以隱藏,ie6 有效
就是比如有一行文字,很長,**內一行顯示不下.
· title 換行用的符號或在 ie 中可能由於注釋帶來的文字重複問題時可以把注釋改為:
· 如何用 css 呼叫外部字型語法:@font-face 取值:
name : 字型名稱。任何可能的 font-family 屬性的值
url ( url ) : 使用絕對或相對 url 位址指定opentype字型檔案
srules : 樣式表定義
CSS樣式表應用
例1 建立上標 下標樣式表 1 單擊 視窗 css樣式 命令,開啟 css樣式 面板。2 單擊 css樣式 面板右上角的下三角按鈕,從彈出的選單中選擇 新建css樣式 命令,這時會出現 新建css樣式 對話方塊。3 在 新建css樣式 對話方塊中,將 名稱 設定為sbiao,型別 設定為 類 可應用...
CSS樣式表Hack總結
select after 在firefox中,當子級都為浮動時,那麼父級的高度就無法完全的包住整個子級,那麼這時用這個清除浮動的hack來對父級做一次定義,那麼就可以解決這個問題。截字省略號 select 這個是在越出長度後會自行的截掉多出部分的文字,並以省略號結尾,很好的乙個技術。只是目前fire...
實驗三XML樣式表技術 CSS與XSL
驗證性實驗 1 了解xml內容與顯示分離的特點 2 掌握xml樣式的兩種技術css和xsl,並理解兩者的區別 2 掌握css的基本語法和兩種引用方式 3 理解基於xsl處理xml顯示的基本原理 4 掌握xsl的語法結構和元素宣告。5 掌握xsl中xpath的概念和基本使用方式 6 掌握基於xml s...