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的一小部分属性,这些属性一直从昨天练习到今天,感觉如果想把这些属性完全的掌握牢固还需要大量的练习,看到同学一个比一个学习努力,有的同学已经超前学习,心里感到七上八下的,因此自己也在慢慢钻研,不能落到别人的后面,昨天主要是练习了,今天主要的总结了一些Css的属性:
文本
font-fa ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom &nbs ......
CSS 背景属性(Background)
属性
描述
CSS
background
在一个声明中设置所有的背景属性。
1
background-attachment
设置背景图像是否固定或者随着页面的其余部分滚动。
1
background-color
设置元素的背景颜色。
1
background-image
设置元素的背景图像。
1
background-position
设置背景图像的开 ......
三种引用2010-03-14 17:45:36
内联定义>外链引用>内联块定义
1.内联定义
<a stype="XXX">
2 ......
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
2、CSS样式命名规范
本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单 ......