HTML字符实体(Character Entities) 有些字符在HTML里有特别的含义，比如小于号就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？ 这就要说到HTML字符实体(HTML Character Entities)了

HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示。 常用文本格式Tag Tag Tag说明 b 粗体bold i 斜体italic del 文字当中划线表示删除 ins 文字下划线表示插入 sub

HTML里，比较基础的Tag主要用于标题，段落和分行。 学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。 试试看吧！ 示例：一个非常简单的HTML文

什么是HTML文件？ HTML的英文全称是Hypertext Marked Language，中文叫做超文本标记语言。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称标记。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。

最近，我不得不对我的一个客户的旧网站进行更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和

许多应用软件的主菜单都具有这样的效果，通常是暗色的，一旦鼠标移到菜单上，立即变明亮；鼠标不在菜单上时是平面的，一旦鼠标移到菜单上，菜单条立即变为立体，从而增强了菜单的效果。你是否也想使网页中的导航菜单产生这种迷人的效果？ 上面这种菜单效果的

主页上的鼠标是不是就只有箭头和小手两种模样呢？如果鼠标移到帮助等字样上时，形状就变成求助的问号；鼠标移到可能需要较长时间等待的超链接时，鼠标形状就变成等待的样子那该多好啊！ 其实，借助我们的css，几句很简单的代码就可以实现这一切！ 不信？把鼠

索易电子杂志大多采用树状目录，当鼠标点击主目录时，展开子目录；当再次点击主目录时，则关闭子目录。显得简捷明快，朴实无华。制作这种树状目录的方法较多，最近我利用CSS能方便地控制对象的显示和隐藏属性原理，也制作一个，我感到用CSS制作这样的树状目

一张风景图片，当鼠标在图片上面时，立即显示图片的文字说明，且有文字的地方图象变模糊了，当鼠标移开图片时，图片上的文字又消失了，图片又恢复了原样。这种效果是如何实现的呢？用dreamweaver的Behavirs 功能可以实现，我在这里介绍的是用CSS来制作，网页

一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思？！这种效果用Dreamweaver的Behavirs 功能也可实现，但那要增加一段javascript程序，明

让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用cs

您可以利用下列 3 种方式，将 CSS 指定的格调加诸于网页上： 1. 在 HTML 档案里加一个超连结，连到外在的 CSS 档 这个方法最方便管理整个网站的网页风貌。它让网页的文字内容与版面设计分开。您只要在一个 CSS 档内（副档名为 .CSS）定义好网页的外观风格，

有关CSS段落缩进的语法如下： 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而

在网上做有奖信息的时候，经常看见一些注册表单，只有一条线供你填写，就跟做考卷时的填空题一样，很Cool！ 其实要做成这样的效果并不难，只需用一段很简短的CSS代码即可搞定！ style type=text/css !-- .xian{BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE:

如果你能很好地应用CSS，那么你的主页将被打扮得很靓。下面就给大家介绍用CSS做出的一个鼠标单击特殊效果图。 一、将下面的代码复制到你的主页中head和/head之间。 STYLE.shadow { FILTER: shadow(color=blue，direction=225) } .shadow1 { FILTER: shadow(c

Web网站可用性的关键指标是速度，更确切地说，是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种，包括Web服务器的速度、访问者的Internet连接情况，以及浏览器必须下载的文件大

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响

Xray就是X射线的意思。 Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单： Filter：Xray 我们还是先来看一个页面（如下图）： 如果在上面的页面中加入Xray属性，也就是在head的Style中，增添下面这一句代码：

Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下： Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效， Phase=偏移量，Strength=强度） 我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值：Tr

Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的： Filter：Shadow（Color=color，Direction=direction） 在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参数用来指定投影的方向。 这里说的方向与我们在第二节Blur属性

Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单： Filter：Mask（Color=颜色） 只有一个Color参数，用来指定使用什么颜色作为掩膜。 同样，我们来看一下一幅图片在加上mask属性前后的效果 Mask属性效果图 加上MASK属性的效果就好象是在用有色眼

当对一个对象使用Glow属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下： Filter：Glow（Color=color，Strength=strength） Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。 让我们先来看一下加上G

Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是： Filter：FlipH Filter：FlipV 下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下： html head titleflip css/title

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShadow（Color=color，Offx=Offx，Offy=offy， Positive=positive） 该属性一共有四个参数： Col

Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下： Filter：Chroma（color=color） 这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图： 图中显示两种字体，两种颜色