易截截图软件、单文件、免安装、纯绿色、仅160KB
热门标签: c c# c++ asp asp.net linux php jsp java vb Python Ruby mysql sql access Sqlite sqlserver delphi javascript Oracle ajax wap mssql html css flash flex dreamweaver xml
 最新文章 : css

CSS控制鼠标样式

hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果 ......

浏览器专属CSS开发

转发下,同事总结的。
浏览器大战的结果曾经一度是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 ......

建站DIV+CSS 之网页切图过程中div+css命名规则

  内容: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 ......

CSS笔记

一、星号*
应该是个通配符。比如
<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 ......

JS和CSS属性对照表


盒子标签和属性对照
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无效问题

IE6中CSS无效问题
同事反馈我一个页面在IE7和Firefox下都正常,但是在IE6中无样式.但是页面我做给他们的时候一切都是正常的.把他传给我的包打开研究了半天发现,页面编码从GB2312变成了UTF-8,其他都没有什么改变.于是还原为GB2312,页面正常.再将外部CSS复制到页面内部,同样正常.研究许久找不到问题所在,忽然发现CSS里面有段注释 /*弹出层*/,在中文前后加入空格修改成为/*  弹出层  */后就恢复正常了,但在没有空格的情况下使用英文也是可以的.
所以在UTF-8编码下的页面所使用的外联CSS中的中文注释一定要与注释符号之间加入空格,否则写在注释以后的CSS在IE6下无效.
摘自http://faykwong.blog.163.com/blog/static/802368200842615621532/ ......
总记录数:772; 总页数:129; 每页6 条; 首页 上一页 [44] [45] [46] [47] 48 [49] [50] [51] [52] [53]  下一页 尾页
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号