HTML/XHTML/CSS
mzoy
负出的努力与所得到的成功成正比!广交天下友@_@
展开
-
19款多样式JS下拉菜单
源码下载:http://files.cnblogs.com/osoft1983/19jsmenu_code.rar来源:http://www.veeqi.com/code/jscode/200801/1331.html#down468转载 2009-02-17 15:11:00 · 1566 阅读 · 0 评论 -
CSS2 媒介类型(二十二)
媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 "voice-family" 属性被设计为针对听觉用户终端。其他的属性可被用于不同的媒介。例如,"font-size" 属性可被用于显示器以及印刷媒介,但是也许会带有不同的值。显示器上面的显示的文档通常转载 2008-07-29 15:32:00 · 507 阅读 · 0 评论 -
CSS 伪元素 (Pseudo-elements)(二十一)
CSS 伪元素用于将特殊的效果添加到某些选择器。CSS 伪元素 (Pseudo-elements)实例:制作首字母特效 本例演示如何向文本的首字母添加特效。 制作首行特效 本例演示如何向文本的首行添加特效。 语法:伪元素的语法:选择器 : 伪元素 { 属性: 值 }CSS 类也可以与伪元素配合使用:选择器 . 类: 伪元素 { 属性: 值 }转载 2008-07-29 15:31:00 · 612 阅读 · 0 评论 -
CSS 伪类 (Pseudo-classes)(二十)
CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪类 (Pseudo-classes)实例:超链接 本例演示如何向文档中的超链接添加不同的颜色。 超链接 2 本例演示如何向超链接添加其他样式。 :first-child(首个子对象) 本例演示 :first-child 伪类的用法。 :lang(语言) 本例演示 :lang 伪类的用法。转载 2008-07-29 15:30:00 · 741 阅读 · 6 评论 -
CSS 定位 (Positioning)(十九)
CSS 定位 (Positioning) 属性允许你对元素进行定位。实例定位:相对定位 本例演示如何相对于一个元素的正常位置来对其定位。 定位:绝对定位 本例演示如何使用绝对值来对元素进行定位。 定位:固定定位 本例演示如何相对于浏览器窗口来对元素进行定位。 设置元素的形状 本例演示如何设置元素的形状。此元素被剪裁到这个形状内,并显示出来。转载 2008-07-29 15:29:00 · 621 阅读 · 0 评论 -
CSS 分类 (Classification)(十八)
CSS 分类属性允许你规定如何以及在何处显示元素。CSS分类(Classification)实例:如何把元素显示为内联元素 本例演示如何把元素显示为内联元素。 如何把元素显示为块级元素 本例演示如何把元素显示为块级元素。 浮动属性的简单应用 使图像浮动于一个段落的右侧。 将带有边框和边界的图像浮动于段落的右侧 使图像浮动于段落的右侧。向图像添转载 2008-07-29 15:27:00 · 534 阅读 · 0 评论 -
CSS 尺寸 (Dimension)(十七)
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。CSS 尺寸实例:使用像素值设置图像的高度 本例演示如何使用像素值设置元素的高度。 使用百分比设置图像的高度 本例演示如何使用百分比值来设置元素的高度。 使用像素值来设置元素的宽度 本例演示如何使用像素值来设置元素的宽度。 使用百分比来设置元素的宽度转载 2008-07-29 15:24:00 · 603 阅读 · 0 评论 -
CSS 表格(十六)
CSS 表格属性允许你设置表格的布局。实例:设置表格的布局 本例演示如何设置表格的布局。 显示表格中的空单元 本例演示是否显示表格中的空单元。(请在非 IE 浏览器中浏览) 合并表格边框 本例演示是否把表格边框显示为一条单独的边框,还是像标准的 HTML 中那样分开显示。 设置表格边框之间的空白 本例演示如何设置单元格边框之间的距离。(请在非转载 2008-07-29 15:23:00 · 442 阅读 · 0 评论 -
CSS 内边距(十四)
CSS 内边距 (padding) 属性定义元素边框与元素内容之间的空白。CSS 内边距属性定义元素边框与元素内容之间的空白。负值是不被允许的。通过使用单独的属性,可以分别设置上、右、下、左内边距。也可以通过简写内边距属性 padding 来同时控制元素的多个边。内边距属性接受长度值或百分比值。CSS 内边距实例:所有填充属性在一个声明中 本例演示使用简写属性转载 2008-07-29 15:20:00 · 696 阅读 · 0 评论 -
CSS 外边距(十三)
CSS 外边距 (margin) 属性定义元素周围的空间。CSS 边距属性定义元素周围的空间。可以用用负值对内容进行叠加。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。CSS 外边距大多数正常流元素间出现的间隔都是因为存在元素的外边距。设置外边距会在元素外创建额外的“空白”。“空白”通常指不能放其它元素的区域,而转载 2008-07-29 15:19:00 · 671 阅读 · 0 评论 -
CSS 字体(十一)
CSS 字体 (font) 属性定义文本中的字体。设置字体属性是样式表的最常见用途之一。CSS 字体属性允许您设置字体系列 (font-family) 和字体加粗 (font-weight),您还可以设置字体的大小、字体风格(如斜体)和字体变形(如小型大写字母)。CSS 字体实例:设置文本的字体 本例演示如何设置文本字体。 设置字体尺寸 本例演示如何设置转载 2008-07-29 15:16:00 · 592 阅读 · 0 评论 -
CSS 文本(十)
CSS 文本属性可定义文本的外观。使用文本属性,你可以改变文本的颜色,增加或减少文本中的字符间距,对齐文本,装饰文本,对文本中的首行进行缩进,以及其他等等。CSS 文本实例:设置文本颜色 本例演示如何设置文本的颜色。 设置文本的背景颜色 本例颜色如何设置部分文本的背景颜色。 规定字符间距 本例演示如何增加或减少字符间距。 使用百分比设置行间距转载 2008-07-29 15:15:00 · 429 阅读 · 0 评论 -
CSS 背景(九)
CSS 背景 (background) 属性定义元素的背景效果。元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS 在这方面的能力远远在 HTML 之上。CSS 背景实例设置背景颜色 本例演示如何为元素设置背景颜色。 设置文转载 2008-07-29 15:14:00 · 516 阅读 · 0 评论 -
CSS 框模型(八)
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。CSS 框模型 元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。浏览器兼容一旦为页面设置了恰当的 DTD,大多数浏览器都会按照上面的图示来呈现内容。然而转载 2008-07-29 15:12:00 · 483 阅读 · 0 评论 -
如何创建 CSS(七)
如何插入样式表当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种:外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部: rel="stylesheet" type="text/css" href="my转载 2008-07-29 15:11:00 · 838 阅读 · 0 评论 -
CSS id 选择器(五)
id 选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:#red {color:red;}#green {color:green;}下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 gr转载 2008-07-29 15:07:00 · 741 阅读 · 0 评论 -
CSS Don't(二十三)
本节列出了在使用 CSS 时尽量避免使用的技术。Internet Explorer Behaviors它是什么?Internet Explorer 5 引入了行为 (behaviors)。behaviors 是一种通过使用 CSS 向 HTML 元素添加行为的方法。为什么要避免它?只有 Internet Explorer 支持 behavior 属性。用什么代替?请使转载 2008-07-29 15:33:00 · 460 阅读 · 0 评论 -
你已经学习了 CSS,下一步学习什么呢?(二十四)
CSS 概要本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。你已近学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。同时,你也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后,以及向某些选择器添加特殊的效果,比如链接。如果需要更多关于 CSS 的信息,请参阅我们对 CSS 实例 和 C转载 2008-07-29 15:34:00 · 569 阅读 · 0 评论 -
CSS 列表(十五)
CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。CSS 列表从某种意义上讲,不是描述性的文本的任何内容都可以认为是列表。人口普查、太阳系、家谱、参观菜单,甚至你的所有朋友都可以表示为一个列表或者是列表的列表。由于列表如此多样,这使得列表相当重要,所以说,CSS 中列表样式不太丰富确实是一大憾事。列表类型要影响列表的样式,最简单(同时支持最充分转载 2008-07-29 15:21:00 · 587 阅读 · 0 评论 -
CSS 边框(十二)
CSS 边框 (border) 属性定义围绕元素的边框。CSS 边框属性允许你规定元素边框的样式和颜色。在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。CSS 边框元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。边框的宽度、样式和转载 2008-07-29 15:18:00 · 682 阅读 · 0 评论 -
CSS 类选择器(六)
在 CSS 中,类选择器以一个点号显示:.center {text-align: center}在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。class="center">This heading will be center-a转载 2008-07-29 15:10:00 · 693 阅读 · 0 评论 -
XHTML 事件属性(九)
HTML 4.0 的新特性之一是使 HTML 事件触发浏览器中的行为,比方说当用户点击一个 HTML 元素时启动一段 JavaScript 。以下就是可被插入 HTML 标签以定义事件行为的一系列属性。假如你希望学习如何使用这些事件进行编程,那么你应该学习我们的 JavaScript 教程 和 DHTML 教程。窗口事件 (Window Events)仅在 body 和转载 2008-07-29 11:00:00 · 403 阅读 · 0 评论 -
XHTML 模块(七)
XHTML 模块化模型定义了 XHTML 的模块。XHTML 模块化的原因XHTML 是简单而庞大的语言。XHTML 包含了网站开发者需要的大多数功能。对于某些特殊的用途,XHTML 太大且太复杂,而对于其他的用途,它又太简单了。通过将 XHTML 分为若干模块,W3C 已经创造出数套小巧且定义良好的 XHTML 元素,这些元素既可被独立应用于简易设备,又可以与其他转载 2008-07-29 10:50:00 · 386 阅读 · 0 评论 -
XHTML 验证(六)
XHTML 文档是根据文档类型声明进行验证的。通过 DTD 验证 XHTMLXHTML 文档是根据文档类型声明(DTD)进行验证的。只有将正确的 DTD 添加到文件的首行,XHTML 文件才会被正确地验证。严格 DTD 包含没有被反对使用的或不出现在框架结构中的元素和属性:!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Stric转载 2008-07-29 10:48:00 · 497 阅读 · 0 评论 -
如何将你的网站升级至 XHTML ?(五)
为了将站点从 HTML 转换为 XHTML,你首先应该熟悉前几章讲解的 XHTML 语法规则。下面是具体的步骤:添加文件类型声明将下面的文件类型声明添加至每页的首行:<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xht转载 2008-07-29 10:44:00 · 398 阅读 · 0 评论 -
HTML 标准属性(三十)
HTML 标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外):核心属性 (Core Attributes)以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。属性值描述classclass_rule转载 2008-07-28 17:59:00 · 451 阅读 · 0 评论 -
HTML 样式(二十一)
如何使用样式当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 标签定义内部样式表。body转载 2008-07-28 17:47:00 · 465 阅读 · 0 评论 -
HTML 4.01 快速参考(十七)
来自 W3School 的 HTML 快速参考。可以打印它,以备日常使用。HTML Basic DocumentDocument name goes hereVisible text goes hereText ElementsThis is a paragraph (line break) (horizontal rule)Thi转载 2008-07-28 17:27:00 · 499 阅读 · 0 评论 -
HTML 颜色名(十六)
本页提供了被大多数浏览器支持的颜色名。提示:仅有 16 种颜色名被 W3C 的 HTML 4.0 标准支持,它们是:aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。如果使用其它颜色的话,就应该使用十六进制的颜色值。颜色名列表单击转载 2008-07-28 17:25:00 · 624 阅读 · 0 评论 -
HTML 颜色(十四)
颜色由红色、绿色、蓝色混合而成。颜色值颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。这个表格给出了由三种颜色混合而成的具体效果:ColorColor HEXColor RGB #000000rgb(0,0,0)转载 2008-07-28 17:20:00 · 700 阅读 · 0 评论 -
HTML 背景(十三)
背景(Backgrounds) 拥有两个配置背景的标签。背景可以使颜色或者图像。背景颜色(Bgcolor)背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。bgcolor="#000000">bgcolor="rgb(0,0,0)">bgcolor="black">以上的代码均将背景颜色设置为黑色。背景(Background)转载 2008-07-28 17:19:00 · 850 阅读 · 0 评论 -
HTML 列表(十)
无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 标签。每个列表项始于 。CoffeeMilk浏览器显示如下:Coffee Milk 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。有序列表同样,有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 标签。每个列表转载 2008-07-28 17:03:00 · 413 阅读 · 0 评论 -
HTML 文本格式化(五)
如何查看 HTML 源码您是否有过这样的经历,当你看到一个很棒的站点,你会很想知道开发人员是如何将它实现的?你有没有看过一些网页,并且想知道它是如何做出来的呢?要揭示一个网站的技术秘密,其实很简单。单击浏览器的“查看”菜单,选择“查看源文件”即可。随后你会看到一个弹出的窗口,窗口内就是实际的 HTML 代码。文本格式化标签标签描述定义粗转载 2008-07-28 16:23:00 · 624 阅读 · 0 评论 -
CSS 派生选择器(四)
派生选择器通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于他们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样转载 2008-07-29 15:07:00 · 1721 阅读 · 0 评论 -
CSS 高级语法(三)
选择器的分组你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。h1,h2,h2,h3,h5,h6 { color: green; }继承及其问题根据 CSS,子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则:body {转载 2008-07-29 15:06:00 · 434 阅读 · 0 评论 -
CSS 基础语法(二)
CSS 语法CSS 语法由三部分构成:选择器、属性和值:selector {property: value}选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):body {color: blue}转载 2008-07-29 15:05:00 · 770 阅读 · 2 评论 -
HTML 元信息(二十三)
实例文档描述 Meta 元素中的信息可以描述 HTML 文档。 文档关键字 Meta 元素中的信息可以描述文档的关键词。 重定向 这个例子演示:在网址已经变更的情况下,将用户重定向到另外一个地址。 Meta元素正如在上一章中我们所解释的,头元素包含着关于文档的概要信息。HTML 同样包含位于 head 元素内部的 meta 元素。Meta 元素转载 2008-07-28 17:50:00 · 429 阅读 · 0 评论 -
HTML 头部(二十二)
头元素头元素包含关于文档的概要信息,也称为元信息(meta-information)。Meta 意为“关于某方面的信息”。可以这么说,元数据(meta-data)是关于数据的信息,而元信息是关于信息的信息。头元素内的信息头元素内的元素不会被浏览器显示出来。根据 HTML 标准,仅有几个标签在 HTML 的头部分是合法的。它们是:, , , , 和 。这是一个转载 2008-07-28 17:49:00 · 518 阅读 · 0 评论 -
为什么使用 HTML4.0?(二十)
HTML 3.2 真的是特别糟糕!最初的 HTML 绝没有打算要包含支持格式化文档的标签。HTML 标签原打算用于定义文档的的内容。This is a paragraphThis is a heading当诸如 这样的标签和 color 属性被加入 HTML3.2 的规范当中,它开始成为开发者的一场噩梦。那些不得不将字体和文字信息添加到每个单一网页的站点,其开发过程最转载 2008-07-28 17:44:00 · 525 阅读 · 0 评论 -
HTML 字体(十九)
在 HTML 中,字体标签是不被支持的。一般都认为,在今后版本的 HTML 中,这个标签会被清除出去。即使很多人都在用它,我们都应该尽量避免它,而使用样式取而代之。字体标签font使用类似下面的HTML代码,你可以定义浏览器输出的尺寸和类型:This is a paragraph.This is another paragraph.转载 2008-07-28 17:40:00 · 490 阅读 · 0 评论