通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>网页设计>>html/css>>正文 新版上线![旧版]
注:打开慢时请稍等

样 式 表 全 接 触(2)

http://www.iyit.net  日期:2006-5-27 9:18:07  来源:转载   点击:
参加讨论】样 式 表 全 接 触(2):

2、类选择符

  单一个选择符能有不同的class(类),因而允许同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 :

code.html { color: #191970 }

code.css { color: #4b0082 }

以上的例子建立了两个类,css和html,供网页的code元素使用。class属性是用来在网页中以指明元素的类,例如,<p class=css>,每个选择符只允许有一个类。一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的css类也可以命名为effect。

3、id 选择符

  id 选择符个别地定义每个元素的成分。这种选择符应该尽量少用,因为他具有一定的局限。一个id选择符的指定要有指示符"#"在名字前面。例如,id选择符可以指定如下:

<style type="text/css">

<!--

#first { color: green }

#second { color:teal }

-->

</style>

4、关联选择符

  关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。例如, 以下的上下文选择符

p em { background: yellow },这个值表示段落中的强调文本会是黄色背景;而标题的强调文本则不受影响。

5、伪类和伪元素

  伪类和伪元素是特殊的类和元素,能自动地被支持css的浏览器所识别。伪类区别开不同种类的元素(例如,visited links(已访问的连接)和active links(可激活连接)描述了两个定位锚(anchors)的类型)。伪元素指元素的一部分,例如段落的第一个字母。

  伪类或伪元素规则的形式如:选择符:伪类 { 属性: 值 }或选择符:伪元素 { 属性: 值 }

  伪类和伪元素不用html的class属性来指定。一般的类可以与伪类和伪元素一起使用,如下:

   选择符.类: 伪类 { 属性: 值 }

  或

   选择符.类: 伪元素 { 属性: 值 }

6、定位锚伪类

   伪类可以指定a元素以不同的方式显示连接(links)、已访问连接(visited links)和可激 活连接(active links)。定位锚元素可给出伪类link、visited或active。一个已访问连接可以定义为不同颜色的显示,甚至不同字体大小和风格。一个有趣的效果是使当前(或"可激活")连接以不同颜色、更大的字体显示。然后,当网页的已访问连接被重选时,又以不同颜色、更小字体显示。这个样式表的示例如下:

   a:link { color: red }

   a:active { color: blue; font-size: 125% }

   a:visited { color: green; font-size: 85% }

7、首行伪元素

  通常在报纸上的文章,例如"据新华社报道"中的,文本的首行都会以粗印体而且全部大写地展示。css1包括了这个功能,将其作为一个伪元素。首行伪元素可以用于任何块级元素(例如p、h1等等)。以下是一个首行伪元素的例子:

   p:first-line {



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:样 式 表 全 接 触(4)
下一篇:样 式 表 全 接 触(1)
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
在 css 中关于字体处理效果的思考
html 初学者指南
showmodelessdialog()使用详解
仿 office 2003 的工具条
跟我学xsl(一)
在 css 中关于字体处理效果的思考
html 初学者指南
showmodelessdialog()使用详解
仿 office 2003 的工具条
跟我学xsl(一)
跟我学xsl(二)
利用css改善网站可访问性
用js封装的时间设置器
ubb 转换函数演示
用 onerror 获取错误信
一个优秀的超链接鼠标悬停提示css+js
使用dom创建xml
*.htc 文件的简单介绍
html 初学者指南
读取符合rss2.0规范的xml文档
优秀公益广告作品欣赏(8)
java数据类型转换
windows xp专业版iis连接数的更改
新开放qq免费挂级网站
优秀公益广告作品欣赏(7)
免费在qq上看在线电影电视听音乐
office2007简体中文版浮出水面 美图抢
qq珊瑚虫外挂4.0版本发布!
web服务器配置全攻略(三)
免费把qq炫铃设为本机qq的系统提示音
msn8.0下载
如何在win20003中更好的玩游戏
qq收费头像免费使用的方法 
微软将在华推分期付款,充值卡pc 可低价
 amd处理器am2测试 风扇竟运行7分钟
exeplorer.exe错误的问题的总结、解决
asp.net 2.0 中的异步页功能应用
硬盘坏道修复及数据恢复宝典
免费登录搜索引擎入口大全
搜索引擎注册九大秘法
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息