CSS控制字体

1.设置字号 font-size:12px

2.设置字色 color:red

3.设置字体 font-family:Arial,'宋体'

4.设置行高 line-height:150%

line-height:1.5em

5.设置字体粗细 font-weight:normal/bold


6.设置字体样式 font-style:normal/italic(斜体)

7.修饰文字 text-decoration:none(正常)/underline(下划线)/overline(上划线)/line-through(删除线)

8.字符间距 letter-spacing:normal/length(长度单位)

9.单词间距 word-spacing:normal/length(长度单位)


-----------------


CSS控制文本

1.设置对象中文本的缩进 text-indent:2em 可以为负值

2.文本水平对齐方式 text-align:left/center/right

3.对象中空白处理 white-space:normal(自动换行)/pre(换行和空白受保护)/nowrap(强制在同一行显示)

4.文本大小写控制 text-transform:none(正常大小)/capitalize(每个单词的第一个字母转成大写)/

      uppercase(转换成大写)/lowercase(转成小写)

5.元素的垂直对齐方式 vertical-align:sub(设置文字为下标)/super(设置文字为上标)/

      top(把元素的顶端与行中最高元素的顶端对齐)/

      text-bottom(把元素的底端与父元素字体的底端对齐)



----------------------


CSS控制链接----CSS伪类 --->l v h a

1.未访问的链接 a:link{color:black;}

2.已访问的链接 a:visited{color:red;}

3.鼠标移动到链接上 a:hover{color:blue;}

4.鼠标按下链接 a:active{color:green;}


注意使用顺序：l v h a



其它的伪类：

1.自定义伪类：

伪类可以与 CSS 类配合使用：

a.red : visited {color: #FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

假如上面的例子中的链接被访问过，那么它将显示为红色。


2.focus

focus设置对象在成为输入焦点(该对象的onfocus事件发生)时的样式

如：input:focus{background:#CCFFFF;} /*输入框里面变成了焦点*/