[翻译]标记语言和样式手册 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 中的 ORDER BY，上个项目中有遇到这样的一个需求。 要求：从两个不同的表中获取各自的4条数据
前言由于学校科技立项的项目需要实现Android App端与PHP Web端的简单数据交互的实现，当前场景是Web端使用的是MySql数据库- 如下所示：#文件内容 lisilock = open("lock_info.txt", "r+",e
- 如果遇到与文件许可有关的问题，可能数启动mysqld时UMASK环境变量设置得不正确。例如，当你创建表时，MySQL可能会发出下述错误消息：
- 一个网站信息结构需要表现给用户看，这样用户才能知道当前是在哪儿，才有可能去猜测某个内容可能会在哪儿。如何表现网站的信息结构给用户呢？用导航。
- 在看高性能MySQL第3版（4.1.7节）时，作者建议当存储IPv4地址时，应该使用32位的无符号整数（UNSIGNED INT）来存储IP
- 如何在双python下设置python3为默认在C:\Program下举例第一步安装好python2和python3后设置好环境变量第二步去
- 前言写过 CLI 常驻进程的老司机肯定遇到过这么一个问题：在需要更新程序的时候，我要怎样才能安全关闭老进程？你可能会想到 NGIN
- 简介在数据之外，数据库系统还维护着满足特定查找算法的数据结构，这些数据结构以某种方式引用（指向）数据，这样就可以在这些数据结构上实现高级查找
- opencv 进行任意形状目标识别，供大家参考，具体内容如下工作中有一次需要在简单的图上进行目标识别，目标的形状不固定，并且存在一定程度上的
- 一.怎样删除一个表中某个字段重复的列呀,举个例子 表[table1] id name 1 &nb
- 很简单的方法，但很实用。用过新浪邮箱的朋友应该会知道此脚本的效果。如果您提交的数据处理时间很长，用这个做为提示很不错的.将下面的代码复制到&
- 前言本文总结了mysql中DCL，常用的一些权限控制，后续使用到其他会继续补充。一、用户控制管理创建用户create user '用
- 一、介绍Python：python代码解释器，用于编译.py代码，python可以单独安装，本次环境配置目的用于解决计算机视觉处理，因此选用
- 数据库中数据展示：使用python代码实现：# Requires pymongo 3.6.0+from pymongo import Mon
- ROW_NUMBER()说明：返回结果集分区内行的序列号，每个分区的第一行从 1 开始。语法：ROW_NUMBER () OVER ( [
- 1.format() 基本用法python2.6 开始,新增了一种格式化字符串的函数str.format(),它增强了字符串格式化的功能基本
- 打桩测试当我们在编写单元测试的时候，有时我们非常想 mock 掉其中一个方法，但是这个方法又没有接口去定义和实现(无法用 gith
- 一、通过eval实现 常用内置函数(不用import就可以直接使用) ：help(obj) 在线帮助, obj可是任何类型call
- 不止python，你可以利用任何语言那实现通过http请求来操作你自己的小程序云数据库了背景也是在最近吧，小程序更新了云开发 HTTP AP
