CSS 分类 (Classification)

CSS 分类 (Classification)

• CSS 尺寸
• CSS 导航栏

CSS 分类属性允许你规定如何以及在何处显示元素。

CSS分类(Classification)实例：

如何把元素显示为内联元素

本例演示如何把元素显示为内联元素。

如何把元素显示为块级元素

本例演示如何把元素显示为块级元素。

float 属性的简单应用

使图像浮动于一个段落的右侧。

将带有边框和边界的图像浮动于段落的右侧

使图像浮动于段落的右侧。向图像添加边框和边界。

带标题的图像浮动于右侧

使带有标题的图像浮动于右侧

使段落的首字母浮动于左侧

使段落的首字母浮动于左侧，并向这个字母添加样式。

创建水平菜单

使用具有一栏超链接的浮动来创建水平菜单。

创建无表格的首页

使用浮动来创建拥有页眉、页脚、左侧目录和主体内容的首页。

定位：相对定位

本例演示如何相对于一个元素的正常位置来对其定位。

定位：绝对定位

本例演示如何使用绝对值来对元素进行定位。

定位：固定定位

本例演示如何相对于浏览器窗口来对元素进行定位。

如何使元素不可见

本例演示如何使元素不可见。你希望元素被显示出来，还是不呢？

把表格元素设置为 collapse（请在非 IE 的浏览器中查看）

本例演示如何使表格元素叠加？

改变光标

本例演示如何改变光标。

清除元素的侧面

本例演示如何使用清除元素侧面的浮动元素。

CSS 分类属性 (Classification)

CSS 分类属性允许你控制如何显示元素，设置图像显示于另一元素中的何处，相对于其正常位置来定位元素，使用绝对值来定位元素，以及元素的可见度。

属性	描述
clear	设置一个元素的侧面是否允许其他的浮动元素。
cursor	规定当指向某元素之上时显示的指针类型。
display	设置是否及如何显示元素。
float	定义元素在哪个方向浮动。
position	把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
visibility	设置元素是否可见或不可见。