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

CSS Cookbook例子:创建水平导航菜单


<!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>
<style type="text/css"><!--
#navsite h5 {
display: none
}
#navsite ul {
padding:3px 0;
margin-left:0;
border-bottom:1px solid #778;
font:bold 12px Verdana,sans-serif;
}
#navsite ul li {
list-style:none;
margin:0;
display:inline;
}
#navsite ul li a {
padding:3px 0.5em;
margin-left:3px;
border:1px solid #778;
border-bottom:none;
background:#dde;
text-decoration:none;
}
#navsite ul li a:link{
color:#448;
}
#navsite ul li a:visited{
color:#667;
}
#navsite ul li a:link:hover,#navsite ul li a:visited:hover {
color:#000;
background:#aae;
border-color:#227;
}
#navsite ul li a#current {
background:white;
border-bottom:1px solid white;
}
--></style>
</head>
<body>
<div id="navsite">
<h5>Site navigation:</h5>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Archives</a></li>
<li><a href="/writing/">Writing</a></li>
<li><a href="/speaking/">Speaking</a></li>
<li><a href="/Contact/">Contact</a></li>
</ul>
</div>
</body>
</html>


相关文档:

css实现强制不换行/自动换行/强制换行

强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
源地址:http://www.iwms.net/n1919c40.aspx
......

CSS 元素的定位

CSS定位令你可以将一个元素精确地放在页面上你所指定的地方。联合使用定位与浮动(参见第13课),你将能够创建多种高级而精确的布局。
本课我们将讨论以下内容:
CSS定位的原理
绝对定位
相对定位
CSS定位的原理
把浏览器窗口想象成一个坐标系统:
CSS定位的原理是:你可以将任何盒子(box)放置在坐标系统的任何 ......

DIV+CSS的命名规则


一个网站的优化有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面将对目前流行的DIV+CSS的命名规则整理如下:
页头:header                  登录条:loginBar
标志:logo   & ......

css的十八般技巧

原文作者:Roger Johansson
作者简介:住在瑞典哥德堡,1994年开始接触和参与web设计,456 Berea Street是他的住址,因此采用这个名字作为他的个人主页域名
原文出处:www.456bereastreet.com
原文发表时间:2005年3月15日
阿捷说明:此文原名"CSS tips and tricks",有2篇,我将它们合并翻译在本文中。
最近,经� ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号