CSS鼠标经过
#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}(这句话在代码中用粉红色高亮显示)
这句话帮我解释哈
尤其是 " 空格+:hover div "不解其意
为什么这一句话就可以控制鼠标经过时不同链接的变化(我分别去掉与不去掉测试过)
以下是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档 </title>
<style type="text/css">
#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}
#hoverpage {width:650px; height:450px; border:1px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}
#hoverpage ul#outer li.page {display:inline;}
相关问答:
下面是不带图片的圆角CSS box,看下面演示效果吧:
http://www.abaonet.com/jsCode/page/200911/2310.html
不错~~~~顶~~~~就是代码有点多!接分!!!
有创意,不过边角的点状有锯齿,没有图片好看,呵呵
......
对CSS能看懂,但一些属性还是不能够完全理解。
自己只会写些常用的CSS。还没达到创造和创新的地步。
所以想问下各位前辈,应该看那本书较好呢?
建议不买书网上找教程自学,这个东西不是很难,多练习就会了
......
我现在在学习网站开发,学习的过程中发现CSS是用来设置样式的,而DOM也可以用来设置样式,js库也可以。
这些究竟在什么时候用什么?
请指点!谢谢!
不用js+dom操作css,LZ写个用dom操作css的来看看
DOM只是一 ......
请问为什么火狐很多时候都会变形呢
比方这个.proc { width:680px; height:auto; float:left; clear:both;}
在IE里面如果有的图片是 700px的宽,那么会自动的缩小
可是在火狐里面 就自动放大了,width ......