摘要: 这部分讲解在web2.0中用得最多的ul已经li元素的CSS应用技巧。1、基本列表样式现在很少人直接用ul的内置样式,所以一般在使用ul的第一步就是去掉默认的ul样式,去左边的图标,去缩进:ul{ margin:0; padding:0; list-style-type:none; } 2、创建基本的导航条这个没什么好说的,比较简单,就是书上提到的一个小细节,如果把顶边框设置的比背景色浅,而让底边框深一点,就会实现一种斜面的立体效果。实现代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ... 阅读全文
posted @ 2013-05-03 23:27 ll2012 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 这部分和上一节的内容类似,都是提供一些常用的CSS实践。一、对链接应用样式1、对于链接简单的处理方式,一般是应用CSS伪类来让链接在各种状态下表现,用到的伪类基本如下:a:link:未被访问到;a:visited:被访问过的;a:hover:鼠标放在上面;a:active:鼠标点击时;a:focus:通过键盘移动链接上时。有一点小技巧:如果设置了a:hover {text-decoration:underline;} a:link {text-decoration:none;} ,这样当鼠标悬浮到链接上去时,一样还是没有下划线,因为它被后面的:link给覆盖了,所以,要注意伪类的顺序,按如下. 阅读全文
posted @ 2013-05-03 22:31 ll2012 阅读(187) 评论(0) 推荐(0) 编辑