[翻译]标记语言和样式手册 Chapter 9 精简标签（6）
作者：zhaozy 来源：3user.com 发布时间：2008-02-01 09:55:00
标签：样式,标记,css,手册,标签
现在清单的每一层有自动缩小的font-size了,接着加上一些圆点符号.
自定义圆点符号
去掉预设的样式,并且使用background属性为第三层项目加上装饰性的圆点符号.首先为所有<li>标签去掉预设的清单样式,接着再为第三层项目指定内镜图片.为了进一步区别,也将为第三层设定font-weight:normal -- 覆盖掉清单的bold设定值.
#sitemap {
font-size: 140％;
font-weight: bold;
color: #f63;
}
#sitemap li {
list-style: none; /* turns off bullets */
}
#sitemap li ul {
font-size: 90％;
color: #000;
}
/* 第三层 */
#sitemap li ul li ul li {
font-weight: normal;
padding-left: 16px;
background: url(bullet.gif) no-repeat 0 50％;
}
图9-3是完成的网站地图,在第三层<li>标签上使用了自定义圆点符号,普通字体.在左边加上了16像素的内补丁,以便留下装饰用圆点图片的显示位置(同时也多留了一些空白).也告诉浏览器从左边0像素,上方50％开始显示图片,这基本上会使图片左侧对齐,并对齐文字中线.虽然我们能在此以像素指定垂直对齐,但是以百分比制定的话,在文字大小改变时,圆点图片仍能维持正确的排列效果.
图9-3 第三层项目加上自定义圆点小图片
0
投稿猜你喜欢
- 作为互联网产品设计师，在和前端开发人员沟通时你是否常常会听到这样的声音： —— “大姐，给点专业精神好不好，这个表格是自适应的，你
代码如下:--执行顺序 From Where Select select * from (select sal as salary,comm- 是建立一个数据集 前面应该先定义此数据集 dim rs as adodb.recordset 然后就可以用 set rs=server.Cr
- 一个JavaScript代码编写的图片展示特效，效果很棒。效果图：演示：<!DOCTYPE HTML PUBLIC "-//
- 在这里我想有必要再较系统说一下ADO的各种对象的方法、属性。毕竟ADO不仅应用在ASP中，VB,VC都可以用到。在这十天中我想主要提到的对象
- 在MySQL数据库中导出整个数据库：1.导出整个数据库mysqldump -u 用户名 -p 数据库名 > 导出的文件名mysqldu
- 可输入的下拉列表框（select），这个不同于网页上常见的下拉列表框，那个是只能选择不能输入的，而这个是可以自己输入文字的。例如：我们最常见
- 我们在使用ASP 内置的ADO组件进行数据库编程时，通常是在脚本的开头打开一个连接，并在脚本的最后关闭它，但是就较大脚本而言，在多数情况下连
- 在IE比较简单，大家都知道用setHomePage来设置，懒人写法：<a href="#setHomePage"
- 打过了趟深圳回来后，已经快半个月，在广州购书中心逛了下，发现2本前端书《重构HTML-改善WEB应用的设计》、《CSS3 实战》，看了一半《
- 在制作网页的过程中，自适应问题是经常遇到，而又最让人头疼的，看了好多种解决的方法，但是都不是万能的。今天遇到这个问题，实在让我挠头，借鉴了
- UPDATE语句的速度更新查询的优化同SELECT查询一样，需要额外的写开销。写速度依赖于更新的数据大小和更新的索引的数量。没有更改的索引不
- 因此为了节省服务器资源，应该尽可能关闭连接以释放连接所占有的资源，这种关闭记录集的连接而不关闭记录集的技术叫做断开记录集，这个记录集本身则称
- 1. 横排往下会影响阅读速度。如12345678的单排单列数字，肯定是竖排阅读快。但多行多列的整块信息，横排并不见得就比竖排慢，比如所有简体
- 看看下面这个刚才提到的下拉列表的例子，就是将Application Object作为一个变量用来存储下拉列表的菜单项的：<％=&nbs
- 下面都是我收集的一些比较常用的正则表达式，因为平常可能在表单验证的时候，用到的比较多。特发出来，让各位朋友共同使用。呵呵。匹配中文字符的正则
- 如何在ADO服务器端利用好缓存技术？请看下面示例，这是一个用来显示图书分类的例子程序：displayBooks.asp< ％
- 我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候
- 在 Class 块中，成员通过相应的声明语句被声明为 Private(私有成员，只能在类内部调用)
- 本来想等到IE8正式发布时再在blog中写段代码，用来提示IE6用户升级到IE8的，不过貌似IE 8已经RTM了，今天又正好看到这个“升级I
