css代码这两个如何翻译,在线等,很急啊,谢谢高人了

来源:百度知道 编辑:UC知道 时间:2024/06/26 01:48:44
topNavBg{ width:100%; height:50px; background:url(nav_bg.gif) bottom repeat-x; margin-left:auto; margin-right:auto}
#topNav li a:hover{color:#FFFFFF; background:url(nav_li_bg_01.gif);text-decoration:none;display:block;}

width:100%; height:50px; background:url(nav_bg.gif)这句话应该不用我解释了吧
repeat-x是水平方向重复背景图片
margin-left:auto; margin-right:auto起的是居中的作用,一般用于div

hover 伪类鼠标移到元素上时向此元素添加特殊的样式。
这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过 CSS 没有定义究竟是哪些元素。

text-decoration 属性对文本进行修饰。
注释:修饰的颜色由 "color" 属性设置。
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

display 属性设置是否及如何显示元素。
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

第一行的应该没有打全(少个#或者.),反正{}里的意思是
1. 宽度占满屏幕(100%)
2. 高度为50像素
3. 背景是一张图片(nav_bg.gif),与topNavBg的底部相齐平,并且横向重复
4. 左右边距根据具体情况调整

第二行应用在一些a元素上,这些a元素满足的条件是必须是某个li元素的子节点(或孙子节点等等=P),这个li元素有必须是一个id属性为topNav的元素的子元素或孙子节点。而且这个样式仅当鼠标移动到符合条件的a元素上时才会显示。具体内容是
1. 颜色为白色
2. 背景是nav_li_bg_01.gif
3. 无下划线、上划线等东西
4. 作为block元素显示(而非inline)