1、文本轉(zhuǎn)換

文本轉(zhuǎn)換屬性是用來(lái)指定在一個(gè)文本中的大寫(xiě)和小寫(xiě)字母。

可用于所有字句變成大寫(xiě)或小寫(xiě)字母，或每個(gè)單詞的首字母大寫(xiě)。

p.uppercase {text-transform:uppercase;}

p.lowercase {text-transform:lowercase;}

p.capitalize {text-transform:capitalize;}

2、使用百分比和EM組合

在所有瀏覽器的解決方案中，設(shè)置

元素的默認(rèn)字體大小的是百分比：這樣，在在所有瀏覽器中，可以顯示相同的文本大小，并允許所有瀏覽器縮放文本的大小。

/********************

用em來(lái)設(shè)置字體大小

為了避免Internet Explorer 中無(wú)法調(diào)整文本的問(wèn)題，許多開(kāi)發(fā)者使用 em 單位代替像素。

em的尺寸單位由W3C建議。

1em和當(dāng)前字體大小相等。在瀏覽器中默認(rèn)的文字大小是16px。

因此，1em的默認(rèn)大小是16px。可以通過(guò)下面這個(gè)公式將像素轉(zhuǎn)換為em：px/16=em

*******************/

body {font-size:100%;}

h1 {font-size:2.5em;}

h2 {font-size:1.875em;}

p {font-size:0.875em;}

3、鏈接樣式

a:link {color:#FF0000;}????? /* 未訪問(wèn)鏈接*/

a:visited {color:#00FF00;}? /* 已訪問(wèn)鏈接 */

a:hover {color:#FF00FF;}? /* 鼠標(biāo)移動(dòng)到鏈接上 */

a:active {color:#0000FF;}? /* 鼠標(biāo)點(diǎn)擊時(shí) */

/**********************

當(dāng)設(shè)置為若干鏈路狀態(tài)的樣式，也有一些順序規(guī)則：

a:hover 必須跟在 a:link 和 a:visited后面

a:active 必須跟在 a:hover后面

*************************/

4、表格邊框

table, th, td

{

border: 1px solid black;

}

5、CSS Positioning的用法

主要參數(shù)：fixed、relative、absolute的用法。

6、CSS 偽元素

7、CSS 圖像透明/不透明

img

{

opacity:0.4;

filter:alpha(opacity=40); /* IE8 及其更早版本 */

}

IE9，Firefox，Chrome，Opera，和Safari瀏覽器使用透明度屬性可以將圖像變的不透明。

Opacity屬性值從0.0 - 1.0。值越小，使得元素更加透明。

IE8和早期版本使用濾鏡：alpha(opacity= x)。 x可以采取的值是從0 - 100。較低的值，使得元素更加透明。

總結(jié)

以上是生活随笔為你收集整理的css不常用,不常用的 CSS的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。