CSS表常用小技巧

2022-04-17 12:21:11 字數 1910 閱讀 8917

· ul 標籤在 mozilla 中預設是有 padding 值的,而在 ie 中只有 margin 有值。

· 同乙個的 class 選擇符可以在乙個文件中重複出現,而 id 選擇符卻只能出現一次;對乙個標籤同時使用 class和 id 進行 css 定義,如果定義有重複,id 選擇符做的定義有效。

· 初學可能會碰到這樣乙個情況,同樣乙個標籤的屬性在 ie 設定成 a 顯示是正常的,而在 mozilla 裡必須要設成 b 才能正常顯示,或者兩個倒過來。

臨時解決方法:選擇符 //ie7 下無效

· 如果一組要巢狀的標籤之間需要些間距的話,那就留給位於裡面的標籤的 margin 屬性吧,而不要去定義位於外面的標籤的 padding

· li 標籤前面的圖示推薦使用 background-image 而不是 list-style-image

· ie 分不清繼承關係和父子關係的差別,全部都是繼承關係。

· 在給你的標籤瘋狂加選擇符的時候,別忘了在 css 裡給選擇符加上注釋。 等你以後修改你的 css 的時候就知道為什麼要這麼做了。

· 如果你給乙個標籤設定了乙個深色調的背景和亮色調的文字效果。建議這個時候給你的標籤再設定乙個深色調的背景顏色。

· 與內容無關的請使用 background

· 定義顏色可以縮寫 #8899ff = #89f

· table 在某些方面比其它標籤表現的要好的多。請在需要列對齊的地方用它。

· 沒有 language 這個屬性,應該寫成這樣:

· 標題是標題,標題的文字是標題的文字。有時候標題不一定需要顯示文字,所以: 改成

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

li first child li last child li nth child 4 width 200px word break break all text overflow ellipsis display webkit box 物件作為伸縮盒子模型顯示 webkit box orient ...

常用易忘CSS小技巧

wrap 單行文字 wrap 多行文字 wrap 不換行 wrap 自動換行 wrap 強制換行 wrap.wrap 單列展示時 wrap 多列展示時 wrap.wrap.wrap.wrap.wrapimgp 將所有字母變成大寫字母 p 將所有字母變成小寫字母 p 首字母大寫 p 將字型變成小型的大...

HTML中CSS常用小技巧

1 簡述塊級元素在父元素的居中方法有哪些?父元素position 父元素相對定位,子元素絕對定位,子元素margin auto top 0 left 0 bottom 0 right 0 父元素相對定位,子元素絕對定位,子元素left 50 top 50 margin left 子元素一半的寬度 m...