[翻译]标记语言和样式手册 Chapter 1 清单（4）
作者：zhaozy 来源：3user.com 发布时间：2008-01-15 10:26:00
标签：样式,标记,css,手册
技巧延伸
让我们利用我们构造出来的食品清单来试看看几种用定义css样式的方法,我们将抛开预设样式,加入自定义的圆点符号,接着把它转成横向,把它变作一个导航条.
扔掉圆点
"我真的不喜欢食品清单里的那些个小圆点,我想我还是用回<br />吧."
不需要回到 * 惯 — 我们仍然可以使用我们结构化的无序清单,然后使用css关闭掉小圆点符号和行内缩进,关键在于我们保留了清单的结构,然后以css具体的呈现出来.
首先,加上一段去掉圆点符号的css规则:
ul{
list-style:none;
}
显示的结果见图1 - 4
图 1 - 4 去掉小圆点符号
接着我们来去掉行内缩进,根据预设值,所有无序清单左边都会留有一些内补丁(padding),但是不用担心,我们可以随心所欲的裁掉:
ul{
list-style:none;
padding-left:0;
}
显示结果可见图1 - 5
图 1 - 5
虽然图 1 - 5 看起来和使用了几个<br />标签的效果几乎一样,但是它还是符合标准的,结构化的无序列表 — 不管什么浏览器,设备都能正常显示,如果必要的话只需要更新几条css规则就能换上不同的样式了.
0
投稿猜你喜欢
- 一、利用外键约束更新MySQL中的数据现在，最流行的开源关系型数据库管理系统非MySQL莫属，而MySQL又支持多个存储引擎，其中默认的也是
- 可用下面提供的强制登录的程序，它也可以用来做会员注册的。security.asp<％bLoggedIn =&nb
- 人工生命—群集智能—蚁群算法js版前言（摘自网上，代码是自己想出来的）对于普通大众来说，“人工生命”、“群集智能”、“仿生机器人”等等可能是
Guide to the Section 508 Standards for Electronic and Information Tech- 如果 select 元素下的所有 option 元素均没有指定 selected 属性，会默认选中第一个。可以通过 select.selec
- 问：我最近升级了一个应用程序，使其可以在 SQL Server 2005 上运行。我利用了允许行长度超出 8,060 个字节这项功能，以便用
- 最近关于浏览器的最重要的事情就是IE的极光0day漏洞了，这个漏洞导致包括Google在内的多家美国公司受到黑客的攻击，当然也有很多网站被黑
- 某些情况下：我们希望在一个SQL Server下访问另一个sqlserver数据库上的数据，或者访问其他oracle数据库上的数据，要想完成
- 可以自动轮换的页签 tabs with auto play fucntion<html><head><meta
- 编者注：当讲到了性能优化和案例方面的东西，就要想到如何从开发人员的角度进行了理解，认识SQL是如何执行，以及如何学习高级的SQL，这篇文章对
- 问题：如何把具有相同字段的记录删除，只留下一条。 例如：表test里有id，name字段，如果有name相同的记录只留下一条，
- AdobeAdobe公司的标识1982年，40多岁的程序员约翰·沃诺克(John Warnock)和查尔斯·杰斯克(Charles Gesc
- 执行表扫描操作之前，将调用info()函数，以便为优化程序提供额外信息。优化程序所需的信息不是通过返回值给定的，你需填充存储引擎类的特定属性
- 作者：Lachlan Hunt概要网络是不断的进化的. 新的和有创意的网站每天都在出现, 从各方面都在冲击着HTML的边界. HTML 4来
- 导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看
- 这篇论坛文章着重介绍了SQL Server数据库简体繁体数据混用的问题，详细内容请参考下文：我现在要说的是一个在简体繁体数据混用的时候很容易
- 这篇论坛文章（赛迪网技术社区）主要介绍了数据仓库基本报表制作过程中的SQL写法，详细内容请参考下文：在数据仓库的基本报表制作过程中，通常会使
- 想要在准备查询混合数据库系统时将SQL Server转换为 XQuery 和进行反向转换吗?了解如何开发 Web 服务来从SQL Serve
- 近日因为升级系统的需要，将旧mysql数据库从3.23升级到5.0.41先从mysql3.23中mysqldump出数据文件data.sql
- 从百度百科中扣去的这个图片轮播代码，图片向左不间断滚动，有停顿：<!DOCTYPE html PUBLIC "-//W3C/
