Floatutorial 能够带你浏览浮动元素的基本特征,比如图片,首字母下沉,向前或者向后按钮,图片集,内联列表和多列布局。

General info

教程 1. 将图片浮动到右侧

将图片浮动到文本块的右侧并且对图片应用border属性。

教程 2. 浮动一张图片和图片的标题

将一张图片和标题浮动到文本块的右边并且使用子选择器来应用border属性。

教程 3. 浮动一系列“clear: right”的图片

浮动一系列图片到页面的右边,周围有相应的内容。

教程 4. 浮动缩略图片集

浮动一系列缩略图以及标题来构成一个图片集。

教程 5. 使用列表来浮动next和back按钮

将一个简单列表浮动成翻转的“back”和“next”按钮。

教程 6. 浮动内联列表项

浮动一个简单的列表,将其转化为水平导航条。

教程 7. 浮动一个可以缩放的首字母

将一个可以缩放的首字母浮动到左边,重新调整它的大小并且应用line-heights来满足你的需求。

教程 8. 使两列布局流动

浮动left nav来构成带有页眉和页脚的两列布局

教程 9. 使三列布局流动

浮动左边和右边的列来构成带有页眉和页脚的三列布局。

Max Design

Feeds

Recent articles

Popular articles

Other Max Design articles and presentations
Associated with webstandardsgroup.org