在 CSS 中关于字体处理效果的思考
2008-05-11字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响
CSS让表格的溢出内容隐藏起来
2008-05-11以下为引用的内容： div style=width:150px;height:50px;overflow:hidden; table cellspacing=0 cellpadding=0 tr tda href=http://homepage.yesky.com/ class=bluekey target=_blank网页/a中国站长站中国站长站照顾站长站中国站长站中国站长张卓站长站长那
CSS做一个超链接的陷下效果
2008-05-11以下为引用的内容： style A:link,A:visited ,A:active {TEXT-DECORATION: none} A:hover {text-decoration : none; position : relative; top : 1px; left : 1px} /style A HREF=http://www.chinaz.com/把鼠标放上来看看效果---/A A HREF=http://www.chinaz
CSS+DIV设计实例：多个DIV排列时居中
2008-05-11以下为引用的内容： ?xml version=1.0 encoding=iso-8859-1? !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 titleUntitled Documen
经典 用CSS实现表单form布局
2008-05-11以下为引用的内容： style type=text/css label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 } textarea{ width: 250px; height: 150px; } #sbutton{ margin-left: 80px; margin-top: 5px; width:80px; }
CSS仿淘宝首页导航条布局效果
2008-05-11以下是CSS内容部分： 以下为引用的内容： style /*www.zishu.cn子鼠*/ body{font-size:12px;text-align:center;margin-top:30px;font-family:Verdana;} div,img{margin:0;padding:0;border:0;} ul,li{list-style-type:none;margin:0;padding:0;float:left;}
DIV+CSS设计实例：透明的导航菜单
2008-05-11这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代码： 以下为引用的内容： body{ font:80%Arial,sans-serif; background:#666; } #nav{ width:170px; background:url(navbg.gif)bottom; list-style-type:none; margin:0; padding:0; } #
不用script仅用css编写无限分级弹出菜单
2008-05-11一直以来，我们大多使用js来实现弹出菜单，可是根据 w3c 的css标准，根本就没有这个必要。只需要简单得使用css+html就可以做出一个无限分级的弹出菜单。 没错，就是利用 Element:hover 这个伪类。 注意，浏览这个例子，你必须使用标准浏览器，例如 Mozilla F
CSS+DIV设计实例：纯CSS制作下拉导航菜单
2008-05-11以下为引用的内容： style type=text/css .menu { font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em; padding-bottom:250px; } .menu ul { padding:0; margin:0; list-style-type: none; } .menu ul li { float:left; p
CSS+DIV设计实例：超酷的竖排导航栏
2008-05-11HTML： 以下为引用的内容： divid=navcontainer ulid=navlist liid=activeahref=#id=currentItemone/a ulid=subnavlist liid=subactiveahref=#id=subcurrentSubitemone/a/li liahref=#Subitemtwo/a/li liahref=#Subitemthree/a/li liahref=#Subitemfour/a/li
