30. CSS 布局模型——boxes、borderes、margins、padding
- 详细资料
- 发布于 2012年9月18日
- 点击数:4453
序言
乍看之下, CSS 布局模式简单明了。盒子,边框和边距都是相当简单的对象, CSS 语法对它们的特性描述并不复杂。
然而, 浏览器渲染引擎遵循着 CSS 2.1 推荐中所规定的一大堆规则,此外还有一些自己的规则。因此,对设计师而言,在将某个高级技巧添加到自己的技术集之前,需要先了解大量细节问题。
在本文中,我们将对那些控制 HTML 元素的布局的 CSS 属性进行介绍,这些 CSS 属性包括 HTML 元素的边框,边距和许多其它属性。本文所涵盖的范围还包括上面提到的一些规则。高级的栏式布局以及栅网聚焦技术将在后面的文章中讨论,这些文章将更加详细地对布局,浮动,清除,以及定位进行探讨。本文链接有许多代码示例来演示所讨论的技巧,但如果你想在本地计算机上研究这些代码,你可以点击此处下载所有代码示例。
29. 使用 CSS 设置文本样式
- 详细资料
- 发布于 2012年9月18日
- 点击数:4445
序言
由于 Web 是 HTML 文档的集合体——有些是动态的,有些是静态的,有些是功能性的——它们的排版所遵循的惯例来自于我们的最佳参考对象:六个世纪的印刷传统。这种传统包括了排印。但是网络是一个全新而且截然不同的媒体,对于网站的排版来说,我们需要对印刷设计具备一种截然不同的技能组合,而且其受到的限制也更多。
本文建立在本系列教程前面那些课程的知识基础上,为你提供了一个用CSS来对文本进行有效地样式化的详细指南。下面链接有许多范例,这些范例演示了我们所讨论的技术——你可以点此下载第 29 篇文章的所有示例。
28. 继承和层叠
- 详细资料
- 发布于 2012年9月18日
- 点击数:4124
序言
继承和层叠是 CSS 最基本的两个概念。每个使用 CSS 的人都必须理解它们。幸运的是,这两个概念并不难掌握,虽然有些细节有点难以记忆。
这两个概念是紧密相关但又各不相同的。继承关系到 HTML 标记中的元素如何从其父(包含)元素继承属性,并将这些属性传递给它们的子对象,而层叠与应用到某个 HTML 文档的 CSS 声明有关,也与相互冲突的规则会不会互相覆盖有关。
在本章中我们将详细讨论这两个概念。继承可能比较容易掌握一些,因此我将从这一部分开始,然后逐渐进入到错综复杂的层叠概念。点此下载本章范例的源代码;压缩文件中包含有已制作完成的 CSS 和 HTML,以及 HTML 初始模板,让你在学习这些例子的时候可以自己试着操作。