注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 负载均衡技术沙龙问答汇集
 帮助

CSS(层叠样式表)基础知识(连载二)


2007-08-15 10:02:51
版权声明:原创作品,如需转载,请与作者联系。否则将追究法律责任。
上一节,我们讲了如何在页面中添加CSS(层叠样式表),我们分别讲了“链接外部样式表”、“定义内部 样式表”、“在XML文件中链接样式表”和“定义内联样式”。今天我们就来讲一讲CSS中各种选择器(选 择符)的意义及页面调用方法。为了简便,我们演示的例子都是将样式表直接写在页面中的style标签中 (即上节讲的“定义内部样式表”)。

一、类
样式表中可以定义一类样式,该样式可以应用到任何标签,其写法是在选择符前加一个点(.), 如:.sty1{....},在页面中的标签中调用该类样式时,只需要在相应的标签内添加“class="sty1"”。下 面我们通过一个实例来演示一下:

源码如下:
 
演示效果:
 
二、标签
所谓标签,就是在CSS中直接使用页面中需要重新定义样式的对象的标签名作为CSS选择符,这样的话,只要页面中出现已经被定义了样式的对象标签,那么它们都将自动被重新定义样式,比如我们为P这个标签定义了样式,那么页面中所有的 P标签的样式都将被改变。
实例源码:
 
 
演示效果:
 
三、高级(ID、伪类选择器等)
ID选择符以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符;伪类可以看做是一种特殊的类 选择符,伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,具体有关伪类的内 容我们将在后面的连载中详细讲解。
 
实例源码:
 
演示效果:

本文出自 “网工笔记” 博客,转载请与作者联系!





    文章评论
 
2007-08-15 22:10:50
很具有学习的价值哪

 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: