css不常用,不常用的 CSS

1、文本转换

文本转换属性是用来指定在一个文本中的大写和小写字母。

可用于所有字句变成大写或小写字母，或每个单词的首字母大写。

p.uppercase {text-transform:uppercase;}

p.lowercase {text-transform:lowercase;}

p.capitalize {text-transform:capitalize;}

2、使用百分比和EM组合

在所有浏览器的解决方案中，设置

元素的默认字体大小的是百分比：这样，在在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小。

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

用em来设置字体大小

为了避免Internet Explorer 中无法调整文本的问题，许多开发者使用 em 单位代替像素。

em的尺寸单位由W3C建议。

1em和当前字体大小相等。在浏览器中默认的文字大小是16px。

因此，1em的默认大小是16px。可以通过下面这个公式将像素转换为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;}      /* 未访问链接*/

a:visited {color:#00FF00;}  /* 已访问链接 */

a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */

a:active {color:#0000FF;}  /* 鼠标点击时 */

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

当设置为若干链路状态的样式，也有一些顺序规则：

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

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

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

4、表格边框

table, th, td

{

border: 1px solid black;

}

5、CSS Positioning的用法

主要参数：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。较低的值，使得元素更加透明。