網頁製作知識樣式表CSS常用小技巧小結

2021-03-17 18:36:57 字數 1123 閱讀 6351

· 完美的單象素外框線**(在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...