我认（rèn）为这是一个（gè）不错的css的实例教程。 看到上面的两幅（fú）图片（piàn），您可能（néng）会（huì）认为（wéi）这（zhè）是（shì）用photoshop或者是（shì）其他图形处理软件制作（zuò）的吧。可（kě）是上（shàng）面的例（lì）子却完全是用（yòng）CSS编写（xiě）的（de）。
级联样式表是一（yī）种用来表现HTML（标（biāo）准通用标记语言的（de）一个应用）或XML（标（biāo）准通用标记语言的一个子集）等文（wén）件样式的计算机语言。
CSS 为定位和浮动（dòng）提供了一些属性（xìng），利（lì）用（yòng）这些属性，可以建立列（liè）式布局，将布局的一部分与另一（yī）部分重叠（dié），还可以完成多年来通常（cháng）需要使用多个表格才能（néng）完（wán）成的任务。
定位的基本思想很简单，它允许（xǔ）你定义元（yuán）素框（kuàng）相对于其正常位置应该出现（xiàn）的位置，或者相对于父（fù）元素、另一个元素甚至浏览器（qì）窗（chuāng）口本身的（de）位置。显然，这个功能非常强（qiáng）大，也很让人吃惊。要知道（dào），用户代理对 CSS2 中定（dìng）位的支（zhī）持（chí）远胜于对其它方面的（de）支持，对此不应感（gǎn）到奇怪（guài）。
另（lìng）一方面（miàn），CSS1 中（zhōng）首次提出了浮动，它以 Netscape 在 Web 发展初（chū）期（qī）增加的（de）一个功能为基（jī）础。浮动（dòng）不完（wán）全是（shì）定位，不过，它当然也不（bú）是正常（cháng）流布局。我们会在后面的章节中明确（què）浮（fú）动的含义。