仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 529|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来一发使用技能:CSS特别挑选符伪类

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:14:09 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
更好的控制页面布局。不用多说。
伪类能够看作是一种特别的类选择符,是能被撑持CSS的扫瞄器主动所辨认的特别选择符。它的最年夜的用途就是能够对链接在分歧形态下界说分歧的款式效果。
1.语法
伪类的语法是在原本的语法里加上一个伪类(pseudo-class):
selector:pseudo-class{property:value}
(选择符:伪类{属性:值})
伪类和类分歧,是CSS已界说好的,不克不及象类选择符一样随便用其余名字,依据下面的语法能够注释为工具(选择符)在某个特别形态下(伪类)的款式。
类选择符及其他选择符也一样能够和伪类混用:
selector.class:pseudo-class{property:value}
(选择符.类:伪类{属性:值})
2.锚的伪类
我们最经常使用的是4种a(锚)元素的伪类,它暗示静态链接在4种分歧的形态:link、visited、active、hover(未会见的链接、已会见的链接、激活链接和鼠标停止在链接上)。我们把它们分离界说分歧的效果:
a:link{color:#FF0000;text-decoration:none}/*未会见的链接*/
a:visited{color:#00FF00;text-decoration:none}/*已会见的链接*/
a:hover{color:#FF00FF;text-decoration:underline}/*鼠标在链接上*/
a:active{color:#0000FF;text-decoration:underline}/*激活链接*/
(下面这个例子中,这个链接未会见时的色彩是白色并没有下划线,会见后是绿色并没有下划线,激活链接时为蓝色并有下划线,鼠标在链接上时为紫色并有下划线)
注重:偶然这个链接会见前鼠标指向链接时无效果,而链接会见后鼠标再次指向链接时却有效果了。这是由于你把a:hover放在了a:visited的后面,如许的话因为前面的优先级高,当会见链接后就疏忽了a:hover的效果。以是依据叠层按次,我们在界说这些链接款式时,必定要依照a:link,a:visited,a:hover,a:actived的按次誊写。
3.伪类和类选择符
将伪类和类组合起来用,就能够在统一个页面中做几组分歧的链接效果了,比方,我们界说一组链接为白色,会见后为蓝色;另外一组为绿色,会见后为黄色:
a.red:link{color:#FF0000}
a.red:visited{color:#0000FF}
a.blue:link{color:#00FF00}
a.blue:visited{color:#FF00FF}
如今使用在分歧的链接上:
<aclass="red"href="...">这是第一组链接</a>
<aclass="blue"href="...">这是第二组链接</a>
4.其他伪类
别的CSS2还界说了首字和首行(first-letter和first-line)的伪类,能够对元素的首字或首行设定分歧的款式。
上面看这个例子,我们在段落标志里界说文本首字尺寸为默许巨细的3倍:
<styletype=”text/css”>
p:first-letter{font-size:300%}
</style>
……
<p>
这是一个段落,这个段落的首字被缩小了。
</p>
我们再界说一个首行款式的例子:
<styletype=”text/css”>
divp:first-line{color:red}
</style>
……
<div>
<p>
这是段落的第一行
这是段落的第二行
这是段落的第三行
</p>
</div>
(上例中段落的第一举动白色,第2、三举动默许色彩)
注重:首字和首行的伪类必要IE5.5以上的版本撑持

</p>
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
冷月葬花魂 该用户已被删除
沙发
发表于 2015-1-18 05:43:51 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
蒙在股里 该用户已被删除
板凳
发表于 2015-2-3 12:54:12 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
小女巫 该用户已被删除
地板
发表于 2015-2-9 03:28:45 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
再现理想 该用户已被删除
5#
发表于 2015-2-26 20:30:52 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小魔女 该用户已被删除
6#
发表于 2015-3-8 17:43:44 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
分手快乐 该用户已被删除
7#
发表于 2015-3-16 10:40:42 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
乐观 该用户已被删除
8#
发表于 2015-3-22 22:45:48 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-5 23:41

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表