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