教学课件:CSS入门知识(三)
点击数:2555 发布时间2012-01-22 23:40:33
6.类别选择器
在CSS 里用一个点开头表示类别选择器定义,例如:
. px 14 {color : #f60 ;font-size:14px ;}
在页面中,用 class="类别名"的方法调用:
14px 大小的字体
这个方法比较简单灵活,可以随时根据页面需要新建和删除。
7.定义链接的样式
CSS 中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和 a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意,必须按以上顺序写,否则显示可能和你预想的不一样。
8、多重class 定义
一个标签可以同时使用多个class。例如:文本中使用红色12、14像素,绿色12、14像素字。
使用方法如下:
下面,我们完成一个网页实例来体会CSS的用法:
标题部分样式”.title”:红色24像素,加下划线,加粗
正文部分样式”.text”:黑色12像素,行高200%,所有首行缩进