文章标题关闭所有内容预览 | 展开所有内容预览
-
[组图] CSS中的滑动门技术(1)
[内容预览]
47 | 2006-05-22 01:48:13
在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0当前的规定，每一个背景图像都需要各自的HTML元素。在许多情况下，典型的标记已经为一般的接口组件提供了多种元素以供我们使用。标签导航栏就是其中的一个例子。过去，我们频繁的使用这些标签，并已成...
[阅读全文]
-
[图文] CSS中的滑动门技术(2)
[内容预览]
38 | 2006-05-22 01:48:11
现在，一般标签的背景图像已经完成了，我们要为“当前”标签更换图像。我们通过对目标列表项加入id="current"和锚链来实现。既然不需要改变背景的其他外观，图像除外，我们就使用background-image的特性：#header#current{background-image:url("norm_right_on...
[阅读全文]
-
CSS制作11种风格不同的特效文字
[内容预览]
142 | 2006-05-22 01:48:10
..::巧用CSS制作艺术字::..如果灵活应用CSS各种滤镜的特点并加以组合，我们可以得到许多意想不到的效果。这是一些效果示范，供各位参考。西部电子用blur滤镜做出的效果，代码如下：FILTER:blur(direction=135,strength=8)西部电子用dropshadow滤镜做出的效果，代码如下：FI...
[阅读全文]
-
HTML中小meta的大作用
[内容预览]
28 | 2006-05-22 01:48:09
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的与中，meta标签的用处很多。meta的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来...
[阅读全文]
-
CSS类及id的规范化命名
[内容预览]
82 | 2006-05-22 01:48:07
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说，在命名重新定义XHTML标记（tags）的CSSselectors时，必须保证其与预定义的标记准确匹配，但就类以及id选择器名称而言，则仁者见仁，智者见智。然而随心所欲的为这些类以及id命名则并不是个好...
[阅读全文]
-
创建一个纯CSS的水平导航条
[内容预览]
125 | 2006-05-22 01:48:06
导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容，所以很多制作Web的人正在寻找（新的）方法，用结构化的XHTML标记和CSS格式来创建导航条。一个简单的CSS导航条创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。这种方法看起来很...
[阅读全文]
-
[图文] HTML－加速、再加速
[内容预览]
87 | 2006-05-22 01:48:04
web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度？答案是：不一定！实际上，有许多关于HTML与DHTML方面的技巧，它们原理简单而且上手容易。无论是技术高超的老手，还是初涉编程的菜鸟，领会这些都十分必要。明显HTML，暗渡“公用脚本”减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用...
[阅读全文]
-
有关表格边框的css语法整理
[内容预览]
100 | 2006-05-22 01:48:02
我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式...
[阅读全文]
-
[组图] CSS光标属性一览表
[内容预览]
56 | 2006-05-22 01:48:00
CSSCursorTypes光标类型CSS把你的光标放到相应文字上查看效果要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。十字准心cursor:crosshair;手cursor:pointer;cursor:hand;写两个是为了照顾IE5，它只认hand。等待/沙漏cursor:wait...
[阅读全文]
-
CSS中常用的单位
[内容预览]
44 | 2006-05-22 01:47:59
一、长度单位长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是，在设计的时候需要为元素的位置、尺寸精确地定义一些值，以使其达到预期的效果。CSS给予人们精确控制网页的能力，这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是，CSS所给出的...
[阅读全文]
-
CSS教程
[内容预览]
245 | 2006-05-22 01:47:57
一、 认识CSSCSS就是CascadingStyleSheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<table>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3...
[阅读全文]
-
用代码“写”出扫描线效果图片
[内容预览]
38 | 2006-05-22 01:47:54
一般，我们采用photoshop制作电视扫描线效果图片：首先做一个黑白相间的图案，然后用这个图案进行填充，再调整图层的模式或者透明度，效果就出来了。现在我们不用photoshop，而用“css”和“Javascript”来做，方法也很简单（下文代码中“//”后的是注释）！一、准备一张图片，名称大小自定。二、插入一个表格...
[阅读全文]
-
[图文] 用css美化滚动条
[内容预览]
207 | 2006-05-22 01:47:53
果在您看够了您的主页中灰色的滚动条，想让他变一种颜色，您该怎么办呢？其实这很简单，插入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器)首先，先让我们看这张图这段代码是在html中的和中加入其中#xxxxxx就是你选择的颜色的代码如果你还不明白请在看下面的几个例子1body{background:#4...
[阅读全文]
-
HTML4.0简明手册（一）
[内容预览]
33 | 2006-05-22 01:47:52
第一章 组织结构<BDO>...</BDO>用法： 这个具有双向法则的元素可用来有选择性第关闭缺省文本目录开始／结束标识： 必须／必须属性： lang="..."说明文档使用的语言 dir="..."说明文本的位置 空： 不允许注释： dir属性是强制性的。<...
[阅读全文]
-
HTML4.0简明手册（二）
[内容预览]
26 | 2006-05-22 01:47:51
第二章 文本短语和段落<ACRONYM>...</ACRONYM>用法： 用来定义一个同义词开始／结束标识： 必须／必须属性： %coreattrs,%i18n,%events空： 不允许<ADDRESS>...</ADDRESS>用法： 为作者或交流信息定一个以特定的格式开始...
[阅读全文]
-
HTML4.0简明手册（三）
[内容预览]
28 | 2006-05-22 01:47:50
第三章 文本格式元素<B>...</B>用法： 使文本以粗体显示开始／结束标识： 必须／必须属性： %coreattrs,%i18n,%events空： 不允许<BASEFONT>用法： 设置基本的文本字体大小开始／结束标识： 必须／必须属性： size="..."文...
[阅读全文]
-
HTML4.0简明手册（四）
[内容预览]
37 | 2006-05-22 01:47:48
第四章 列表<DD>...</DD>用法： 明确描述用在DL元素(用来定义一个列表)中的内容开始／结束标识： 必须／必须属性： %coreattrs,%i18n,%events空： 不允许注释： 可以包含块以及(block-level)的内容，比如像<P>元素<DIR>...<...
[阅读全文]
-
HTML4.0简明手册（五）
[内容预览]
29 | 2006-05-22 01:47:47
第五章 链接<A>...</A>用法： 用来定义链接和锚(anchors)开始／结束标识： 必须／必须属性： %coreattrs,%i18n,%events charset="..."表示资源的编码字符 name="..."定义一个锚 href="....
[阅读全文]
-
HTML4.0简明手册（六）
[内容预览]
51 | 2006-05-22 01:47:46
第六章 表格<CAPTION>...</CAPTION>用法： 显示表格的标题开始／结束标识： 必须／必须属性： %coreattrs,%i18n,%events align="..."被反对。控制对齐方式(left,center,right,justify)空： 不允许...
[阅读全文]
-
HTML4.0简明手册 (七）
[内容预览]
28 | 2006-05-22 01:47:45
第七章 帧<FRAME>用法： 定义一个帧开始／结束标识： 必须／非法属性： name="..."定义帧的名字 scr="..."定义在帧中显示的内容的来源 frameborder="..."定义帧之间的边界(0或1) margwidth="..."设...
[阅读全文]
-
HTML4.0简明手册（八）
[内容预览]
25 | 2006-05-22 01:47:43
第八章 嵌入式内容<APPLET>...</APPLET>用法： 开始／结束标识： 必须／必须属性： codebase="..."Java程序的URL archive="..."标识需要被提前载入的源代码 code="..."Java程序的类文件 ob...
[阅读全文]
-
CSS超级技巧大放送(1)
[内容预览]
48 | 2006-05-22 01:47:42
一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width:100...
[阅读全文]
-
CSS超级技巧大放送(2)
[内容预览]
64 | 2006-05-22 01:47:41
五.默认值通常padding的默认值为0，background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突，可以在样式表一开始就先定义所有元素的margin和padding值都为0，象这样：*{margin:0;padding:0;}六.不需要重复定义可继承的值CSS中，...
[阅读全文]
-
CSS超级技巧大放送(3)
[内容预览]
38 | 2006-05-22 01:47:40
八.多重class定义一个标签可以同时定义多个class。例如：我们先定义两个样式，第一个样式背景为#666；第二个样式有10px的边框。.one{width:200px;background:#666;}.two{border:10pxsolid#F00;}在页面代码中，我们可以这样调用<divclass=onetw...
[阅读全文]
-
CSS超级技巧大放送(4)
[内容预览]
30 | 2006-05-22 01:47:38
十.不需要给背景图片路径加引号为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如：background:url(images/***.gif)#333;可以写为background:url(images/***.gif)#333;如果你加了引号，反而会引起一些浏览器的错误。十一.组选择器(Group...
[阅读全文]
-
CSS超级技巧大放送(5)
[内容预览]
30 | 2006-05-22 01:47:37
十三.清除浮动一个非常常见的CSS问题，定位使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。通常的解决办法是在浮动层后面添加一个额外元素，例如一个div或者一个br，并且定义它的样式为clear:both。这个办法有一点牵强，幸运的是还有一个好办法可以解决，参看这篇文章《HowToClea...
[阅读全文]
-
CSS超级技巧大放送(6)
[内容预览]
31 | 2006-05-22 01:47:36
十五.导入(Import)和隐藏CSS因为老版本浏览器不支持CSS，一个通常的做法是使用@import技巧来把CSS隐藏起来。例如：@importurl(main.css);然而，这个方法对IE4不起作用，这让我很是头疼了一阵子。后来我用这样的写法：@importmain.css;这样就可以在IE4中也隐藏CSS了，呵...
[阅读全文]
-
CSS超级技巧大放送(7)
[内容预览]
28 | 2006-05-22 01:47:35
十七.调试技巧：层有多大？当调试CSS发生错误，你就要象排版工人，逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色，这样就能很明显看到层占据多大空间。有些人建议用border，一般情况也是可以的，但问题是，有时候border会增加元素的尺寸，border-top和boeder-bottom会破坏纵向margin...
[阅读全文]
-
HTML彻底剖析：一般概念
[内容预览]
33 | 2006-05-22 01:47:34
■HTML一般概念： 这节将简单介绍HTML。 全称：HyperTextMark-upLanguage 译称：超文本标记语言。 简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。 HTML是在SGML定义下的一个描述性的语言，或可说HTML是SGML的一个应用程式...
[阅读全文]
-
HTML彻底剖析：标记一览
[内容预览]
30 | 2006-05-22 01:47:32
标记一览标记类型名称或意义作用备注文件标记<HTML>●文件宣告让浏览器知道这是HTML文件<HEAD>●开头提供文件整体信息<TITLE>●标题定义文件标题，将显示于浏览器顶端<BODY>●主体设计文件格式及内容所在排版标记<!--注解-->○说明标记为文件加上说明，但不被显示<P>○段落标记为字、图、表格等之间留下...
[阅读全文]
