[翻译]标记语言和样式手册 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
投稿猜你喜欢
【人工智能项目】混合高斯模型运动目标检测本次工作主要对视频中运动中的人或物的边缘背景进行检测。那么走起来瓷！！！原视频高斯算法提取工作imp- 本文实例为大家分享了python实现猜拳游戏的具体代码，供大家参考，具体内容如下项目功能：1.系统生成随机的石头剪刀布，玩家输入石头剪刀布2
- 本文实例讲述了Python编程实现的简单神经网络算法。分享给大家供大家参考，具体如下：python实现二层神经网络包括输入层和输出层# -*
- 问题描述我有一个用于模型训练的DataFrame如下图所示：其中的country、province、city、county四列其实是位置信息
- 在matplotlib官网看到了第三方库numpngw的简介，利用该库作为插件可以辅助matplotlib生成png动画。numpngw概述
- 方法一：函数添加1 import sys2 查看sys.path3 添加sys.path.append("c:\\")方
- 1、命令模式（按Esc键）：Enter：转入编辑模式Shift-Enter：运行本单元，选中下个单元Ctrl-Enter：运行本单元Alt-
- 阅读：Mootools常用方法扩展（三） 继续Mootools常用方法扩展，这次是Window类上的扩展，也就是全局函数。方法：$param
- 有的时候，为了对python文件进行加密，会把python模块编译成.pyd文件，供其他人调用。拿到一个.pyd文件，在没有文档说明的情况下
- 记录遇到的问题；在aliyun上安装MySQL时由于上次错误卸载mysql 导致校验文件出问题；处理方式有几种1到mysql官网下载校验文件
- 最近项目组同事跟我说遇到一个SQL性能问题，他说全表只有69条记录，客户端执行耗费了两分多钟，很不科学。我帮了分析出了原因并得到解决。下面小
- Python的运算符和其他语言类似（我们暂时只了解这些运算符的基本用法，方便我们展开后面的内容，高级应用暂时不介绍）数学运算>>
- 本文实例讲述了python实现计算资源图标crc值的方法，分享给大家供大家参考。具体方法如下：实现该功能的关键在于解析资源信息，找到icon
- 本文实例讲述了Python创建xml的方法。分享给大家供大家参考。具体实现方法如下：from xml.dom.minidom import
- 目录一、前言二、什么是super三、super的常用使用场景总结一、前言最近有粉丝向我咨询super相关的问题，说网上搜索到的教程不够通俗易
- pandas获取csv指定行，列house_info = pd.read_csv('house_info.csv')1：取行
- 本文实例讲述了python异常处理、自定义异常、断言原理与用法。分享给大家供大家参考，具体如下：什么是异常：当程序遭遇某些非正常问题的时候就
- 最近用layer ui上传文件遇到了一个问题，我想在上传文件之前把data-id传入后台，layer文档找了一下也没有找到类似的说明，经过一
- 在用 Javascript 验证表单（form）中的单选框（radio）是否选中时，很多新手都会遇到问题，原因是 radio 和普通的文本框
- DROP TABLE IF EXISTS [TEMP_TABLE_NAME]; create temporary table [TEMP_T
