hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果 ......
转发下,同事总结的。
浏览器大战的结果曾经一度是IE一统天下,在那个时代,我们根本不用担心浏览器兼容性问题,用PS自动生成代码都行。然而伴随时代发展,人们对WEB应用的期望越来越高,于是乎,江湖烽烟再起,各种浏览器如雨后春笋,这可苦了我们这些开发者,为了让各浏览器表现一致,不知道有多少前辈耗费了多少心血,现在,让我们踩在前辈的肩膀上继续去奋斗吧。
日常工作我们经常需要区分Firefox和IE系列浏览器,这里有一个使用的快速方法:
background:blue;
/* Firefox */
background:red \9; /* IE8(只有IE系列浏览器认识\9)
*/
*background:black; /* IE7(IE6/IE7认识星星)*/
_background:orange; /* IE6
(IE6认识下划线) */
测试地址:
http://webtech.intra.sina.com.cn/?page_id=39
如果想更深入的研究,那么这里有更多的例子:
/* Opera */
html:first-child #opera
{
display: block;
}
/* IE 7 */
html > body #ie7
{
*display: block;
}
/* IE 6 */
body #ie6
{
_display: block;
}
/* Firefox 1 - 2 */
body:empty #firefox12
{
display: block;
}
/* Firefox */
@-moz-document url-prefix()
{
#fire ......
内容:contentcontainer 导航:nav 侧栏:sidebar
栏目:column 标志:logo 页面主体:main
广告:banner 热点:hot 新闻:news
下载:download 子导航:subnav 菜单:menu
搜索:search 页脚:footer 滚动:scroll
版权:copyright 友情链接:friendlink 子菜单:submenu
内容:content 标签页:tab 文章列表:list
注册:regsiter 提示信息:msg 小技巧:tips
加入:joinus 栏目标题:title 指南:guild
服务:service 状态:status 投票:vote
尾:footer 合作伙伴:partner 登录条:loginbar
页面外围控制整体布局宽度:wrapper 左右中:left right center
(二)注释的写法
Footer
内容区
End Footer
(三)id的命名
(1)页面结构
容器 container页头:header 内容:contentcontainer
页面主体:main 页尾:footer 导航:nav
侧栏:sidebar栏目:column 左右中:left right center
页面外围控制整体布局宽度:wrapper
(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsi ......
一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="roundBorderLayer3"></b>
<b class="roundBorderLayer2"></b>
<b class="roundBorderLayer1"></b>
</b>
那么这个roundBorderLayer1、2、3都会受这个.roundBorder *的定义影响。
二、继承
CSS可以有多重继承。如
<div id="divTenet">
<div style="font-size:16px;width:240px;">鸟0</div>
<div><img src="img/k.gif" width="24" height="20" hspace="3" alt="鸟1"/>鸟1&l ......
盒子标签和属性对照
CSS语法(不区分大小写)
JavaScript语法(区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border-left-color
borderLeftColor
border-left-style
borderLeftStyle
border-left-width
borderLeftWidth
border-right
borderRight
border-right-color
borderRightColor
border-right-style
borderRightStyle
border-right-width
borderRightWidth
border-style
borderStyle
border-top
borderTop
border-top-color
borderTopColor
border-top-style
borderTopStyle
border-top-width
borderTopWidth
border-width
borderWidth
clear
clear
float
floatStyle
margin
margin
margin-bottom
marginBottom
margin-left
marginLeft
margin-right
marginRight
margin-top
marginTop
padding
padding
padding-bottom
paddingBottom
padding-left
paddingLeft
padding-right
paddingRight
padding-top
padding ......
IE6中CSS无效问题
同事反馈我一个页面在IE7和Firefox下都正常,但是在IE6中无样式.但是页面我做给他们的时候一切都是正常的.把他传给我的包打开研究了半天发现,页面编码从GB2312变成了UTF-8,其他都没有什么改变.于是还原为GB2312,页面正常.再将外部CSS复制到页面内部,同样正常.研究许久找不到问题所在,忽然发现CSS里面有段注释 /*弹出层*/,在中文前后加入空格修改成为/* 弹出层 */后就恢复正常了,但在没有空格的情况下使用英文也是可以的.
所以在UTF-8编码下的页面所使用的外联CSS中的中文注释一定要与注释符号之间加入空格,否则写在注释以后的CSS在IE6下无效.
摘自http://faykwong.blog.163.com/blog/static/802368200842615621532/ ......