习惯于使用 Windows 的用户对各种各样的鼠标样式一定不会陌生,当鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标形状发生改变。 虽然在网络上有各种各样的鼠标可供下载,图形五花八门,但是就 Windows 的默认系统来说,这些图形是固定不变的。改变鼠标的属性,简单说就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。这种样式是通过改变“cursor”属性来完成的。下面的表格把鼠标的完部属性都列出来,可供参考:
关键字的解释和图例
关键字 解释 auto 鼠标按照默认的状态根据页面上的元素自行改变样式. crosshair 精确定位“十”字。 default 默认指针 hand 手形 move 移动 e-resize 箭头朝右方 ne-resize 箭头朝右上方 nw-resize 箭头朝左上方 n-resize 箭头朝上方 se-resize 箭头朝右下方 sw-resize 箭头朝左下方 s-resize 箭头朝下方 w-resize 箭头朝左方 text 文本“I”形 wait 等待 help 帮助
CSS分级属性
使用过 Word 的用户都知道有一个“项目符号和编号”的功能。在 HTML 文档中,设计者无需使用前面提到的一些字体、颜色、容器属性来格式化对象的字体、颜色、边距和填充距等。因为在 CSS 中,已经提供了进行分级的专用分级属性。需要注意的是,无论如何,这些属性只能够被用于“列项”值是“显示”的元素。
display 属性值:block | inline | list-item | none 初始值:block 适用于:所有元素 继承:否 百分比值:不适用 这些属性中的前三个属性在 Internet Explorer 4 中并不支持。 如果是“block”,那么在页面上就会打开一个新的“容器”,这个“容器”被定位在相对于邻近的“容器”,并遵循 CSS 格式化模型的地方。当使用“block”作为属性值时,在元素的前后都会出现一个断行。如果是“list-item”它的效果与“block”的效果有一些相似,唯一不同的是其中加入的一个列项标记。如果使用“inline”作为“display”的属性值,元素前后不会被加上断行。如果是“none”那么顾名思义,该元素就不会显示出来。
出于 CSS 精确定义网页样式的本意,在格式化页面对象时, CSS 将所有的元素都放置在一个“容器”里面,这个“容器”叫做 BOX。对于容器的格式化,CSS 提供了强大的支持,现在,首先了解一下与格式化“容器”有关的属性。 “容器”的属性共有以下的几类: l 边距(margin)类的属性设置了一个元素在四个方向上距离浏览器窗口边界或上级元素的边距。它用来控制一个元素在页面上位置。 l 填充距(padding)类的属性决定了究竟在边框和内容之间应该插入多少空间的距离。 l 边框(border)类的属性定义了一个元素边距的样式。 l 剩下的一类中包括了宽度和高度属性以及浮动和清除属性。
<HTML> <head> <title>CSS Demo</title> <style type="text/css"> p{ margin-top:0em; margin-right:2em; margin-bottom:3em; margin-left:6em; } </style> </head> <body> <p>This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.This is sample text shows the margin settings.</p> </body> </HTML>