Posts Tagged ‘标签’

CSS笔记-除了a标签外的hover属性的应用

以下写的可能对于大部分网友来说可能很简单,但是我自己确实是不知道的。 有一段这样的html:

一般hover这个css伪类对于除a标签外的标签是不起作用的(FF浏览器下可以起作用,IE6下不可以):如下

img:hover{ border:1px solid #000;/*FF下有效果,IE6下没有效果*/ }

这么好的一个伪类真浪费了!!然而实际上是有办法的实现非a标签的hover功能的,如下写:

a:hover img{ border:1px solid #000;/*可以理解为鼠标在其上的a里面的img标签*/ }

^0^很简单就实现了,不用编辑麻烦的JS语句了!

献给热爱CSS的朋友,以上内容为笔者小JOE愚见,转载请著名:作者小JOE 地址:http://xiebiji.com/2008/10/hover

......[ More Detail ]

在网页中嵌入css的三种方法

假如有一段HTML代码如下:

1 2 3 4 5 6 7 8 HI

在HTML代码中嵌入CSS有一下三种方法:

1.外链式CSS。编写一个.css文件并且命名为style.css,内容如下:

#myid{ padding:5px; }

然后在HTML代码的《head》标签对,《title》下面改成这样:

HI

这样就OK了 2.内嵌式CSS。直接在《title》标签加成这样:

HI

3.直接式CSS。直接为DIV添加style属性如下:

......[ More Detail ]