960网格系统(3)
作者:kinsuhoo 来源:译言 发布时间:2009-02-17 12:22:00
它并不是
到目前为止,我收到的邮件大部分的问题都是“你个这个跟Blueprint哪有什么不同”,这些绝大部分都是很愤恨的说,就像在说“简直浪费你的时间,因为Blueprint已经存在,我更喜欢Blueprint,你回去吃奶吧。”一样。
对于这部分人,我想给点欢呼声,你们大可以继续使用那些你们认为最适合的,最熟悉的框架。我可不愿意挑起矛盾,强迫大家使用这个框架,而不去使用那个框架,尽管这个框架是更值得用的。
它有着明显的缺陷,或者有不少优秀的功能,这全在于你怎么看待它。这就决定了(或不决定)960网格系统的架构方式。系统中包含样式表text.css,它的存在主要是为了保证绝大部分的页面设计中,开发者可以快速定义原型,常用模块如头部文件,段落和列表的基本样式。
我没有脱离我原有方向而去做像在ALA(美国图书馆协会)官网中用来描述入门文章所用的那种竖排文字的效果。这并不意味着我感觉这种竖排的效果无 效,而实际上,我清楚看到这个效果的价值所在。我认为这是一个棒极了的点子,是我崇高的追求。然而它是极其脆弱的,假如通过内容编辑器上传了任意大小、 173px高的图片,那在它之后的网页元素就都会被打乱。
我同意它是众多解决方法中的一个,而其他则更需要去规范化。事实上,当一个网站页面设计完成的时候,绝大部分的内容都会独一无二的固定下来。我特意没有去设置文字和页面背景颜色。你也可以说我懒,但是这正是在使用Blueprint时所领悟到的,我必须坚持下来。我可不希望到时有人会说:“为什么这个<th>有背景色?”。
我也没有加入例如图片,引用内容等样式,这是因为我很少用到。再者我考虑到这样会比那种布局和原型相关联的框架更具可设计性和更具内容导向性。现在能使你轻易的写一个一次性的属于你的样式表了。
因此,假如我的网格系统并不如你想象的那样,我希望你们原谅我。尽管我很喜欢披头士,而且我不会手下留情。
正文
简单的说了下960网格系统不去做的内容之后,我们来强调一下该系统的基本特性。首先,对于热爱linux的用户。在linux系统里默认的字体顺序是这样的:Helvetica, Arial, Liberation Sans和FreeSans,还有通用的sans-serif。
在Ubuntu系统里,我发现它使用的默认字体san-serif 的宽度更接近Verdana (相比于Helvetica 和Arial)。这并不是很大问题,但是如果你需要让你的页面在各种浏览器上表现一致的话,你要做的不仅仅是为linux用户选择一个通用的字体。假如你 按某一大约宽度的字体来确定块的大小的话,这显得相当重要,仔细观察下,页面很可能在换行的时候出现问题。
当我将此问题跟我朋友Yannick说了后,他建议我使用在Fedora和Red Hat 两款Linux操作系统都默认使用的Liberation Sans字体。同时它也可以在通用公共许可证的保护下简单自由地获得,如此的与众不同。假如非让我去描述它,我可以说改字体里数字像用了Verdana, 而其他则像用了Helvetica。
在读过 Jon Christopher’s 的文章后,知道FreeSans最接近Ubuntu下的默认字体 Helvetica。因此,在text.css的font-family下的设置是页面字体同时适应MSX(MAC OS Ten),Windows和基于Linux的系统。
猜你喜欢
- 八种获取当前日期的js代码,第一步:把如下代码加入<head>区域中:<SCRIPT language=java
- ASP中转换unicode编码为GB编码方法:<% function urldecode(encodestr)
- 先声明一下,这是本人在某个项目中用到的,本人自己写的,如有雷同纯属巧合。同时也欢迎高人指正。这种星级的投票效果很常见,但是目前线上大多都是通
- 如何检测某个对象是否有某个属性?第一想到的——没错,in:"prop" in obj这很完美,不过,还有不少人热衷下面的
- 数据库查询优化的实用技巧:本文中,abigale代表查询字符串,ada代表数据表名,alice代表字段名。技巧一:问题类型:ACCESS数据
- 一、IE透明度问题在IE的高度超过某一阀值时,会产生透明度不时失效的问题,这现象比较奇怪,(会有的时候全黑,有的时候全白)你有可能无法复现。
- 前面我们讲了一些Dreamweaver MX的基本操作,相信大家看了后都会觉得比较简单,的确,这是个工具软件,操作方便应该是它的宗旨。其实网
- 说明:本函数作用是截取指定英汉混合字符串,并保持显示长度一至。就是将一个汉字当两英文来截取。用途:一般会用在标题显示列表,可以避免截取的字符
- 正如你现在所看到的一样,网页的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功接合
- CSS网页布局应该避免滥用div元素一直是我们倡导的,以合适的HTML标签组织文档是CSS网页布局的基础。页面中div与span元素的使用是
- asp之家注:学习asp网页编程的朋友一定用过ACCESS数据库,access的简单方便,大大降低了asp初学者学习asp的门槛,对于学习a
- 简单的XML操作:XML文件创建把下面的代码复制到按钮事件中编译执行后可在相应物理路径中产生Pos.xml文件XmlTextWriter x
- 如果要得到返回值,需要用Command的方法。 首先说明,返回值有两种。一种是在存储过程中直接return一个值,就象C和VB的函数返回值那
- 本文探讨了提高MySQL数据库性能的思路,并从8个方面给出了具体的解决方法。1、选取最适用的字段属性MySQL可以很好的支持大数据量的存取,
- 本文介绍了两个asp实用的技巧,一是使用asp强制刷新页面,二是判断一个文件是否存在强制刷新网页 强制性刷新随机验证码 ,让随机验
- asp使用session来防止表单多次被提交的方法。formtest.asp' 表单文件<%Randomize&nb
- isnull在数据库查询中的应用,特别是再语句连接的时候需要用到 比如连接时候,某个字段没有值但是又要左连接到其他表上 就会显示空, isn
- 这是经常用的一个分页存储过程 希望大家指点不足 代码如下:USE [a6756475746] GO /****** Object
- 一,啥是Block Formatting Context当涉及到可视化布局的时候,Block Formatting Context提供了一个
- 有时需要获取远程网站的某些信息,而服务器又限制了GET方式,只能通过POST数据提交,这个时候我们可以通过asp来实现模拟提交post数据,