33. 样式表格
- 详细资料
- 发布于 2012年9月18日
- 点击数:4500
序言
在目前的web开发中,表格有时候似乎有点儿被误解了。人们非常在意“不要使用表格!”,但往往忘记了这句话其实是在说“不要用表格来进行布局”。表格在其真正用途——显示表状数据方面是非常卓越的。所以,了解如何妥善地对其进行样式化是很有意义的。
本教程侧重于如何高效地应用CSS来创建明晰易读的数据表风格。本文也会涉及到一些常见的表格设计要求。本文结构如下:
32. 样式列表和链接
- 详细资料
- 发布于 2012年9月18日
- 点击数:4373
序言
就设计而言,网页上的许多元素是比较“宽松”的——即使不十分精确也没有大碍。但是对于列表和链接来说就不行了——如果列表和链接没有处理好,将可能对网站的用户造成严重的影响。
尤其是链接,对于链接会有一些重要的样式要求和用户期望。蹩脚的链接设计会毁了整个网站的用户体验,因为人们不得不停下来去想到底该点击哪里。在最糟的情况下,用户甚至可能弄不清楚到底网页上哪一处才是真正的链接。
在本文中我们将会学习创建良好的列表和链接样式所需的核心技术。本文也会讨论一些避免列表和链接上易犯的重大错误的方法,并制作出跨浏览器且方便残疾用户使用的最终效果。
31. CSS 背景图片
- 详细资料
- 发布于 2012年9月18日
- 点击数:4342
引言
承认吧,读过本课程的第一篇文章后,你一定非常渴望了解如何使你的网站看起来既美观又引人入胜。甚至你可能是直接跳到了这一节,是吗?
背景图像就是用来使你的网站美观迷人的,不过你可能会惊讶于它们与你之前学到的基本概念的联系是多么的紧密。
正如你之前在本教程中了解到的那样,随 CSS 而来的最重要的变化就是将外观独立出来的能力,从语义学方面来说就是某个东西看起来怎么样,或者是它的意义是什么。CSS 背景图像是你可以随意支配的最重要的工具之一,这是因为它使你可以将装饰图片应用到你的 HTML 的特定部分,而无需向你的 HTML 添加任何冗余内容。过去,网页制作者(也就是你!)必须将 img
标签穿插在代码中间,代码间充满了 img
标签。
特别是 background
属性使你的 HTML 脱离了表述混乱。因此,通过现代手段,在网站的建设周期中重新设计和其它转变就可以更加顺利的完成。你可以通过仅仅更改样式表,而非对每个 HTML 页面重新编码,即可对你的整个网站进行更新。这将带来巨大的成本节约,具体数额取决于你的网站的大小。