960网格系统（4）
作者：kinsuhoo 来源：译言 发布时间：2009-02-17 12:22:00
调整与间隔
在我们书生气十足的要为字体的像素数惊醒大辩论的之前，且听我说，我暂且将此按下不表。我十分清楚你们的论点，甚至在做更富有弹性的页面是参考了你们的观点。对于我来说，这就是重复投资。你可以花上无数小时在考虑字体的大小，继承问题，就像我当时做Geniant Blog那时一样，或者你可以在以后都一个个像素的调整。
我发现Blueprint上文本字体使用了12px，但是YUI（Yahoo user interface）的fonts.css将文本文字定义为13px。除了对他们按百分比的调整方法有异议之外，我确实非常喜欢他们实现排版的方式。我们 已经将这些运用在Geniant Blog上，以实现更好的效果（虽然这个工作耗费了很多时间精力）。
当我不得不小心点设置一个垂直的基线时，可以选用body中文本字体大小是13px，算上1.5倍行高（line-height）则是19.5px。绝大多数块级别的元素的底部边距为20px。这样一来，你非常容易就得到了一个一致的基准线。这只需要调整标题的行高而已。
有两个块级别的元素我没有将设置它的底部边距，它们分别是blockquote 和form。在strict文档类型定义里面，要求所有其他的块级元素都在它们里面。比如：paragraph标签在blockquote里面，或者 fieldsets标签在form里面。尽管它不可以设置什么边距，但是那些块级的子元素可以整齐的排列在里面。
我已经将list元素设置为左缩进30px，假如你要顶端对齐，则将缩进像素数归零。我实际上认为对齐了标点符号是相当酷的，但还没有碰到有这种需求的顾客，于是我在在CSS文件中对应的地方改掉了，以免产生不必要的争论。
:Focus
我只是简单的再说下这观点，这观点相当普遍。尽管我个人认为Eric Meyer将reset.css中的”:focus”移除的确是使页面更美观，但我想保留焦点的边框才是正道，因为有部分用户是使用键盘来点击链接的，而非鼠标。
为了让代码兼容Opera浏览器，代码编写上花了较长的时间。这是因为Opera浏览器中根本就没有类似:focus这样的不标签。不管怎么说，假如你希望你的链接看起来更简洁一点，你可以将text.css中的a:focus去掉，同时你要知道你的操作将会使你设计牺牲了网页的到达无障碍性。
0
投稿猜你喜欢
信息图表设计（Inforgraphic Design)，是信息设计（Information Design）学科的一个分支，它兴起于20世纪末- Tuple 叫做 tuple，用小括号、或者无括号来表述，是一连串有顺序的数字。a_tuple = (12, 3, 5, 15 , 6)an
- 1、查找字符串除了使用index()方法在字符串中查找指定元素，还可以使用find()方法在一个较长的字符串中查找子串。如果找到子串，返回子
- 滑动窗口算法是一种可以高效解决数组问题的算法。它通过维护一个固定大小的滑动窗口，来快速计算某些数组的相关指标或者求解一些特定的问题。这种算法
- 前沿小补充例3.48 查询平均成绩大于等于80分的学生学号和平均成绩SELECT Sno,AVG(Grade)FROM SCWHERE AV
- 这一篇MobaXterm详细使用教程，我们来介绍一下如何设置并用MobaXterm来连接Linux服务器。MobaXterm 又名 Moba
- 1.语法及用法（1）语法：str.endswith(suffix[,start][,end])str：字符串，待判断字符串suffix：后缀
- SQL Server常见的问题主要是SQL问题造成，常见的主要是CPU过高和阻塞。一、CPU过高的问题1、查询系统动态视图查询执行时间长的s
- 本文实例讲述了JavaScript函数参数使用带参数名的方式赋值传入的方法。分享给大家供大家参考。具体分析如下：这里其实就是在给函数传递参数
- 前言在默认情况下,Python的新类和旧类的实例都有一个字典来存储属性值。这对于那些没有实例属性的对象来说太浪费空间了，当需要创建大量实例的
- javascript 跨域问题以及解决办法什么是跨域问题？跨域这个问题是由于浏览器的同源策略引起的，请求的URL地址，必须与浏览器的URL是
- 引言第一次了解python的WSGI,可能描述的不太准确。本篇文章所依赖的python环境为:什么是WSGIWSGI也称之为web服务器通用
- 问题描述： 附加数据时，提示无法打开物理文件,操作系统错误5。如下图：问题原因：可能是文件访
- Python数据库接口支持非常多的数据库,你可以选择适合你项目的数据库:GadFlymSQL MySQL PostgreSQL Micros
- 今天早上起来写爬虫，基本框架已经搭好，添加多线程爬取功能时，发现出错：比如在下载文件的url列表中加入200个url，开启50个线程。我的爬
- 一、LeetCode——125.验证回文串1.问题描述给定一个字符串，验证它是否是回文串，只考虑字母和数字字符，可以忽略字母的大小写。说明：
- python数组和矩阵先创建一个一维数组直接定义一个数组：a = [1,2,3,4,5]b = ['a','c
- 前言在尝试将结构体序列化为 Json 时，你可能会遇到 “omitempty” 标记，本小记就来浅看
- ASP日期和时间函数我们经常会用到，本文列出了12个常用的asp日期和时间函数的语法及用法以作备忘！1.Now Now() 取
- Python2.7编写的读取html中指定元素，并生成excle文件#coding=gbkimport stringimport codec
