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的系统。


猜你喜欢
- 我们使用的是QWebview模块,这里也主要是展示下QWebview的用法。之前在网上找了半天的解析网页的内容,都不是很清楚。这是核心代码:
- 一、基础概述机器学习(Machine Learing)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。机
- MySQL中常用到判断符号,而不等于是比较常用的符号,下面讲解以下三种不等于符号符号意义<>不等于的最早用法,可移植性优于下面两
- 循环是我们经常用到的一个概念,比如,循环计算数字叠加、循环输出文字内容等。循环是运行重复内容的一个最简单的方法,简化了代码流程,增加了时效性
- 直接搭建网络必须与torchvision自带的网络的权重也就是pth文件的结构、尺寸和变量命名完全一致,否则无法加载权重文件。此时可比较2个
- 目录1、SKlearn 是什么2、SKlearn 的安装3、SKlearn 内置数据集测试问题数据集实际问题数据集4、Sklearn 数模笔
- 网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。 1、使用meta标签,这也是普
- 关于django celery的使用网上有很多文章,本文就不多做更多的说明。本文使用版本python==3.8.15Django==3.2.
- 示例一:直接编写AJAX 实现。 客户端: 代码如下:<!DOCTYPE html PUBLIC &qu
- 最近项目中遇见 Jquery Ajax 缓存问题,load出来的页面状态有时正常,有时不对,记录一下,希望对大家有帮助使用jquery里lo
- 本文实例讲述了Python企业编码生成系统总体系统设计。分享给大家供大家参考,具体如下:一 系统功能结构二 系统主界面三
- 本文实例讲述了python使用分治法实现求解最大值的方法。分享给大家供大家参考。具体分析如下:题目:给定一个顺序表,编写一个求出其最大值和最
- ①GET# -*- coding:utf-8 -*-import requestsdef get(url, datas=None): &nb
- 内容摘要:“ASP”(Active Server Pages)作为一种典型的服务器端网页设计技术,被广泛地应用在网上银行
- cron是什么cron的意思就是:计划任务,说白了就是定时任务。我和系统约个时间,你在几点几分几秒或者每隔几分钟跑一个任务(job),就那么
- Windows下ORACLE完全卸载:使用OUI可以卸载数据库,但卸载后注册表和文件系统内仍会有部分残留。这些残留不仅占用磁盘空间,而且影响
- 我们以学信网为例爬取个人信息 **如果看不清楚按照以下步骤:**1.火狐为例 打开需要登录的网页–> F12 开发者模式 (鼠标右击,
- 前言本文讲诉了Vuex的安装、搭建。以及Actions、Mutations、State、Getters的使用,为什么使用mapState、m
- 前台调用如下OnClientClick="return fucCheckJpgAndGif(form1.File1.value);
- 在进行大量数据训练神经网络的时候,可能需要批量读取数据。于是参考了这篇文章的代码,结果发现数据一直批量循环输出,不会在数据的末尾自动停止。然