您的位置 >>> 星想互联 >>> 网站建设 >>> 建站知识
教学课件: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%,所有首行缩进
来源:星想互联
【上一篇】教学课件:CSS入门知识(二)
【下一篇】认识div