易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS处理斜角导航条的一个例子 [源码].txt

<!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=gbk" />
<title>www.zishu.cn</title>
<style>
/*全局处理一下*/
ul{margin:0 0 0 50px;font-size:12px;}
/*tab 基础CSS原形 可扩展*/
.tab li{display:inline;}
.tab a{background: url(http://www.zishu.cn/attachments/month_0708/u2007823223236.gif) no-repeat;} 
.tab a:link,.tab a:visited{float:left;background-position:right -226px;text-decoration: none; margin-left:-20px; padding-right:30px;}
.tab a:link span,.tab a:visited span{display:block;background: url(http://www.zishu.cn/attachments/month_0708/u2007823223236.gif) no-repeat left top;padding:5px 15px 2px 15px; color:#000}  
.tab a:hover,.tab a:active{background-position:right -264px;}
.tab a:hover span,.tab a:active span{background-position:left -38px;} 
.tab .on a:link,.tab .on a:visited{background-position:right -302px;}
.tab .on a span,.tab .on a:link span,.tab .on a:visited span{background: url(http://www.zishu.cn/attachments/month_0708/u2007823223236.gif) no-repeat left -77px;;color:#000; font-weight:bold}
/*有了原形后,可以控制他的其它样子,例如,显示大一点的,只要多加这一行就行了*/
.big li{line-height:2.0; font-size:14px;}
/*这名没有什么用*/
.info{ border:1px solid #FF9900; clear:both; font-size:12px; padding:10px;}
</style>
</head>
<body>
  <ul class="tab">
    <li class="on"><a href="http://www.kijiji.cn" target="_blank"><span>首 页</span></a></li>
    <li ><a href="http://www.kijiji.cn/fabu" target="_blank"><span>发布信息</span></a></li>
    <li ><a href="http://www.kijiji.cn/wo" target="_blank"><span>我的客齐集</span></a


相关文档:

CSS关于IE8兼容性的解决办法

使用IE8  可能出现的问题: 
    * 网页布局不整齐
    * 文本或图像重叠
    * JavaScript 功能有问题或错误
一般解决
1.写CSS Hack。
   而后台人员不擅长于写CSS。
2.强制IE8像IE7那样呈现内容。
   在<head></ ......

与CSS的{}冲突,修改Smarty的标签


            $Smarty = new Smarty();
            $Smarty->left_delimiter ='<{';
            $Smarty->right_delimiter='}> ......

常用CSS样式记录

margin-bottom:8px;设置对象下边距的高度
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
padding-top:10px;与上一个标签的距离
padding-left:10px;与左边的间距
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定pos ......

50款css工具

50款css工具
引自:http://bbs.seuuo.com/thread-2613-1-3.html
50款CSS工具,包含,CSS网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表单生成器。
网格和布局The 1KB CSS Grid
新颖的 CSS 网格工具,可用于简化内容管理系统的 ......

浅谈css中图片定位之所有图标放在一张图上

http://www.qiqiboy.com/2009/11/26/css-image-orientation-and-all-images-in-a-picture.html
     如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标。如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号