《CSS标签解释》.doc

1、div div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 class 或 id 应用额外的样式。 实例 文档中的一个部分会显示为绿色： div style=color:#00FF00 h3This is a header/h3 pThis is a paragraph./p /div a a 标签可定义锚。锚 (anchor) 有两种用法： 通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） a 元素最重要的属性是 href 属性，它指定链接的目标。h1 - h6 h1 - h6 标签可定义标题。h1 定义最大的标题。h6 定义最小的标题。由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。实例 六个不同的 HTML 标题： h1这是标题 1/h1 h1这是标题 2/h1 h2这是标题 3/h2 h4这是标题 4/h4 h5这是标题 5/h5 h6这是标题 6/h6hr 标签在 HTML 页面中创建一条水平线。 hr hr 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。实例 被水平线分隔的标题和段落： h1This is header 1/h1 hr / pThis is some text/p span定义和用法 span标签被用来组合文档中的行内元素。 提示：请使用 span 来组合行内元素，以便通过样式来格式化它们。 注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。 例子 pspansome text./spansome other text./p 例子解释 如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。 可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。 可以对同一个 span 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。 p 标签定义段落。 sup 标签可定义上标文本。包含在 sup 标签和其结束标签 /sup 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。 提示：这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 a 标签结合起来使用，就可以创建出很好的超链接脚注。p李平sub李平/sub/p （上标）p李平 sup李平/sup/p img 标签 从技术上讲，img 标签并不会在网页中插入图像，而是从网页上链接图像。img 标签创建的是被引用图像的占位空间。 img 标签有两个必需的属性：src 属性 和 alt 属性。实例 在下面的例子中，我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片： img src=/i/eg_tulip.jpg alt=上海鲜花港 - 郁金香 / 以上代码的效果： alt text 规定图像的替代文本。 src URL 规定显示图像的 URL。 p 一幅图像： img src=/i/eg_mouse.jpg width=128 height=128 /p p 一幅动画图像： img src=/i/eg_cute.gif width=50 height=50 /p 插入动画图像的语法与插入普通图像的语法没有区别。 背景图片body background=/i/eg_background.jpg h3图像背景/h3 pgif 和 jpg 文件均可用作 HTML 背景。/p p如果图像小于页面，图像会进行重复。/p 浮动图像p img src =/i/eg_cute.gif align =left 带有图像的一个段落。图像的 align 属性设置为 left。图像将浮动到文本的左侧。 /p p img src =/i/eg_cute.gif align =right 带有图像的一个段落。图像的 align 属性设置为 right。图像将浮动到文本的右侧。 /p 调整图像尺寸img src=/i/eg_mouse.jpg width=50 heigh