杰仔自由空间

那些有关 CSS 的前卫实验

几个月前，作者在 Six Revisions 发表了一篇文章，介绍了 5 个有趣的 CSS 实验：

• CSS3 Transforms & @font-face Experiment
• CSS Posters
• Pure CSS Line Graph
• CSS3 Leopard-style Stacks
• Pure CSS Twitter Fail Whale

每个实验都是用了不同的方法，其中一些，如 CSS 线图，在现实中可以找到实际的应用，其它的，如 CSS 实现的 Twitter Fail Whale 图画，则纯属实验，这些实验的目的仅仅为了说明 CSS 能够实现的效果，并不意味着应当这样来做。

阅读全文() | 发表评论(0) | 引用通告(0) | 所属分类：电脑数码 

Flemming Steffensen找到了一个通过CSS注入从而自己修改Google Docs 生成提交表单的CSS样式的技巧。

比如你的一个表单的地址是这样的：

http://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE

你可以新增一些CSS规则作为f参数的变量：

http://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}

阅读全文() | 发表评论(0) | 引用通告(0) | 所属分类：Div+CSS布局教程 

第1条：代码臃肿

首先，Table 里面唯一无法用 CSS 定义的属性只有 Cellspacing, Cellpadding 几个，其它属性都可以并且应当使用 CSS，这样，剩下的，就是 <table><tr><td> 和 <div> 的对决，我相信一个动辄几十K大小的网页，即使使用了几十个 Table，因此多出来的代码也可以忽略不计，那些埋怨 Table 代码臃肿的人其实该检查自己的编码习惯，能将 Table 写得十分臃肿的人，写 Div 相比也未必会简洁到哪里。

第2条：页面渲染性能问题

我使用一台2004年的笔记本电脑，1.6G 的 CPU 与 1G 内存，这种配置下，看不出 Table 布局和 Div 布局在页面渲染上有任何速度差别，其实这点差别即使有，相对网络本身的延迟也可以忽略。

阅读全文() | 发表评论(1) | 引用通告(0) | 所属分类：Div+CSS布局教程 

还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：

• typography.css 基本排版规则
• grid.css 基于网格的布局
• layout.css 通常的布局
• form.css for 表单样式
• general.css 更多通用规则

阅读全文() | 发表评论(1) | 引用通告(0) | 所属分类：电脑数码 

　　在设计网络应用时，您必须决定如何编辑字体。使用CSS]时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！　

阅读全文() | 发表评论(0) | 引用通告(0) | 所属分类：Div+CSS布局教程 

        接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容：这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。

阅读全文() | 发表评论(0) | 引用通告(0) | 所属分类：Div+CSS布局教程