·
HTML之调色原理 (2005-05-18)
■ 调色原理:
HTML 的颜色表示可分两种:
以命名方式定义常用的颜色,如 RED。
以 RGB 值表示,如 #FF0000 表示 red。
命名方式所包括的色种不多也不是很方便,所以较少采用,以下介绍 RGB 值的原理:
众所周知颜色是由 ……
·
marquee基本语法的全解释 (2005-05-18)
基本语法 <marquee>...</marquee> 移动属性的设置,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向 <direction=#>#=left,right,up ,down <marqueedirection=left&g……
·
tbody标签的妙用 (2005-05-18)
大家一定曾经把别人的网页另存下来看过,特别是用dw打开时,你会看到,很多网页上面都加了<tbody>这个标签,在dw中黄黄的很是显眼,那么<tbody>是个什么东东呢? 用TBODY这个标签可以控制表格分行下载,可以让其中的内容比网页中别的东东(如图片)先下载下来,这样可……
·
HTML标签详解(6) (2005-05-18)
链接 一、连结至其他文件<ahref=URL>说明文字或图片</a> 二、连结至文件内之某一处(外部连结) 《1》起点 <ahref=档名#名称>..........</a> 《2》终点<aname=名称> 三、frame的超连结 【1】开启新的浏览器来显示连结文件--_blank<ahref=UR……
·
HTML标签详解(5) (2005-05-18)
表单 一、基本架构<formaction=处理资料用的CGI程式之URL或mailto:电子信箱的URLmethod=get或post>..............................</form> 二、输入文件型表单<formaction=URLmethod=post><input><……
·
HTML标签详解(4) (2005-05-18)
清单 一、目录式清单 <dir><li>项目1<li>项目2<li>项目3</dir>P.S.目录式清单每一个项目不能超过20个字元(即10个中文字) 二、选项式清单<menu><li>项目1<li>项目2<li>项目3</menu> 三、有序号的清单<ol><li>项目1<li>项目2<li>项目……
·
HTML标签详解(3) (2005-05-18)
表格 1.定义表格<table>..........</table> 【1】设定边框的厚度--border <tableborder=点数> 【2】设定格线的宽度--cellspacing <tablecellspacing=点数> 【3】设定资料与格线的距离--cellpadding <table……
·
HTML标签详解(2) (2005-05-18)
16.分隔线<hr> 【1】分隔线的粗细<hrsize=点数> 【2】分隔线的宽度<hrsize=点数或百分比> 【3】分隔线对齐方向<hralign=#>#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐 【4】分隔线的颜色<hrcolor=#rrggbb> 【5……
·
HTML标签详解(1) (2005-05-18)
HTML指令详解 结构 <html> <head> <title>标题<title> </head> <body>..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】……
·
HTML彻底剖析:文件标记 (2005-05-18)
文件标记
■ 文件标记
<HTML><HEAD><TITLE><BODY>
欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HT……
·
HTML彻底剖析:标记一览 (2005-05-18)
标记一览
标记
类型
名称或意义
作用
备注
文件标记
<HTML>
●
文件宣告
让浏览器知道这是 HTML 文件
<HEAD>
●
开头
……
·
HTML彻底剖析:一般概念 (2005-05-18)
■ HTML 一般概念:
这节将简单介绍 HTML。
全称:HyperText Mark-up Language 译称:超文本标记语言。 简意:一种为普通文件中某些字句加上标识的语言,其目的在于运用标记(tag)合文件 达到预期的效果。
HTML 是在 ……
·
CSS超级技巧大放送(7) (2005-05-18)
十七.调试技巧:层有多大?
当调试CSS发生错误,你就要象排版工人,逐行分析CSS代码。我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间。有些人建议用border,一般情况也是可以的,但问题是,有时候border 会增加元素的尺寸,border-top和boeder-……
·
CSS超级技巧大放送(6) (2005-05-18)
十五.导入(Import)和隐藏CSS
因为老版本浏览器不支持CSS,一个通常的做法是使用@import技巧来把CSS隐藏起来。例如:
@import url(main.css);
然而,这个方法对IE4不起作用,这让我很是头疼了一阵子。后来我用这样的写法:
……
·
CSS超级技巧大放送(5) (2005-05-18)
十三.清除浮动
一个非常常见的CSS问题,定位使用浮动的时候,下面的层被浮动的层所覆盖,或者层里嵌套的子层超出了外层的范围。
通常的解决办法是在浮动层后面添加一个额外元素,例如一个div或者一个br,并且定义它的样式为clear: both。这个办法有一点牵强,幸运的是还有一个好办法……
·
CSS超级技巧大放送(4) (2005-05-18)
十.不需要给背景图片路径加引号
为了节省字节,我建议不要给背景图片路径加引号,因为引号不是必须的。例如:
background:url(images/***.gif) #333;
可以写为
background:url(images/***.gif) ……
·
CSS超级技巧大放送(3) (2005-05-18)
八.多重class定义
一个标签可以同时定义多个class。例如:我们先定义两个样式,第一个样式背景为#666第二个样式有10 px的边框。
.one{width:200px;background:#666;} .two{border:10px solid #F00;}
……
·
CSS超级技巧大放送(2) (2005-05-18)
五.默认值
通常padding的默认值为0,background-color的默认值是transparent。但是在不同的浏览器默认值可能不同。如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,象这样:
* { margin:0; pa……
·
CSS超级技巧大放送(1) (2005-05-18)
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。 二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你……
·
样 式 表 全 接 触(8) (2005-05-18)
9、Shadow 滤镜
语法:{filter:shadow(color=属性值1,direction=属性值2)}
作用:该滤镜能够使对象产生一种阴影效果,其具体效果是由小括号中的各属性名及其对应的属性值来产生的。
参数:color属性是用来设置阴影的颜色。……
·
样 式 表 全 接 触(7) (2005-05-18)
八、滤镜的参数及其作用
1、Alpha 滤镜
语法:{FILTER:ALPHA(opacity=属性值1,finishopacity=属性值2,style=属性值3,startx=属性值4,starty=属性值5,finishx=属性值6,finishy=属性值7)}
……
·
样 式 表 全 接 触(6) (2005-05-18)
六 、样式表滤镜的构成
滤镜作为样式表大家庭中的一员,它跟其他样式表元素的定义和应用方式当然是一样的,能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为:
标记{FILTER:滤镜名(属性名1=属性值1,属性名2=属性值……
·
样 式 表 全 接 触(5) (2005-05-18)
五、样式表的引入
了解了CSS的定义方式,下面将具体介绍如何在HTML中引入CSS的各种方法。
1、使用<LINK> 链接外部样式表单例如:
<HEAD>
<TITLE>My Stylesheet</TITLE>……
·
样 式 表 全 接 触(4) (2005-05-18)
四、样式表的定位
CSS定位的positon属性能够使用两种方法定位HTML元素:相对定位和绝对定位。所谓相对定位是指允许元素在相对于文档布局的原始位置上进行偏移而绝对定位允许元素与原始的文档布局分离且任意定位。CSS的定位属性共有9个,分别是:
position、left、top、……
·
样 式 表 全 接 触(3) (2005-05-18)
三、样式表的属性
1、背景属性 对于背景颜色和背景图片大家都比较熟悉,这里介绍两个比较有趣的背景图案属性background-attachment此属性有两个值:scroll 和 fixed;scroll是初始值,产生的效果是常见的背景图案随页面上的文字一起流动。fixed属……
·
样 式 表 全 接 触(2) (2005-05-18)
2、类选择符
单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 :
code.html { color: #191970 }
code.css { color: #4b0082 }
以……
·
样 式 表 全 接 触(1) (2005-05-18)
现在,用FRONTPAGE制作网页简单得就象是用画笔在白纸上画图一样。但随着网站内容的不断丰富,网页上的图象、动画、字幕以及其他控件也不断增加,要实现这些元素在网页中的准确定位,就必须对这若干个元素分别调整,这一点恐怕只有那些对网页制作痴迷而执着的人才可能做到,这并不是正确的工具和灵活性就可以实现的……
·
常见页面元素遮住菜单解决方法 (2005-05-18)
1.被Flash挡住 设置Flash的参数:<param name=wmode value=opaque> <object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.mac……
·
HTML语言剖析(4) (2005-05-18)
排版标记
<!--注解--> <P> <BR> <HR> <CENTER> <PRE> <DIV> <NOBR> <WBR>
……
·
HTML语言剖析(3) (2005-05-18)
文件标记
<HTML> <HEAD> <TITLE> <BODY>
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 亦请先明白围堵标记与空标记的分别请看 【HTML概念】。
■ H……
·
HTML语言剖析(2) (2005-05-18)
HTML 标记一览
标记
类型
译名或意义
作 用
备注
文件标记
<HTML>
●
文件声明
让浏览器知道这是 HTML 文件
<HEAD>
●
……
·
HTML语言剖析(1) (2005-05-18)
Html简介
全写: HyperText Mark-up Language 译名: 超文件注标式语言(译名之一) 简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
HTML 是在 SGML 定义下的一……
·
CSS语法手册(六)分类属性 (2005-05-18)
1、display
功能:改变元素的显示值,可以将元素类型线上,块和清单项目相互变换。 数值: none - 不显示元素 block - 块显示,在元素前后设置分行符 inline - 删除元素前后的分行符,使其并入其他元素流中 list-item - 将元素设置为清单中的一行 说明:可用 ……
·
CSS语法手册(五)颜色和背景属性 (2005-05-18)
1、color
功能:设置前景或元素的颜色。 数值:使用颜色关键字或RGB值。 例子:
文本颜色(关键字)
文本颜色(#rrggbb)
文本颜色[rgb(rr,gg,bb)]
文本颜色[rgb(r%,g%,b%)]
2、background-color ……
·
CSS语法手册(四)文本填充,边框,边界和位置属性(二) (2005-05-18)
三、框边界属性
1、margin-bottom margin-left margin-right margin-top
功能:这四个属性用来设置元素与其相邻元素间的距离,可以用长度或相对于其父文本的宽度的百分比来定义,也可以自动处理。 数值: 长度 - 设置元素相应边与框边缘之间的相对……
·
CSS语法手册(三)文本填充,边框,边界和位置属性(一) (2005-05-18)
一、框填充属性
1、padding-bottom padding-left padding-top padding-right
功能:毎个容器都有边框,这些属性设置边框与框內元素间的距离。 数值: 长度 - 设置相对或绝对值。在数字后指定度量单位如下:mm, cm, in, pt, p……
·
CSS语法手册(二)文本属性 (2005-05-18)
1、letter-spacing
功能:控制文本元素字母间的间距,所设置的距离适用于整个元素。 数值: normal - 正常间距,将字符间的间距复位为所有字体和字号的正常间距。 长度 - 设置字间距长度,正值表示加进父元素中继承的正常长度,负值则減去正常长度。在数字后指定度量单位如下:mm……
·
CSS语法手册(一)字体属性 (2005-05-18)
1、font-family
功能:用于改变HTML标志或元素的字体,你可设置一个可用字体清单。浏览器由前向后选用字体。 语法:{font-family:字体1,字体2, ... ,字体n} 例子:
字体
2、font-style
功能:使文本显示为扁斜体或斜体等表示……
·
CSS 循序渐进(四)表里春秋(下) (2005-05-18)
这一次还是继续为大家介绍一些样式表应用方面的技巧。大家知道样式表的定义是针对容器(tag)而言的,那么在HTML 中,Anchor(锚,即超级链接标记)是一类作用非常之大的容器。它实现了HTML最根本的功能(超文本,超链接)。而CSS也有关于Anchor的一些特殊用法。使得页面的联接更紧凑,更富有条……
·
CSS 循序渐进(四)表里春秋(上) (2005-05-18)
这一次还是继续为大家介绍一些样式表应用方面的技巧。大家知道样式表的定义是针对容器(tag)而言的,那么在HTML 中,Anchor(锚,即超级链接标记)是一类作用非常之大的容器。它实现了HTML最根本的功能(超文本,超链接)。而CSS也有关于Anchor的一些特殊用法。使得页面的联接更紧凑,更富有条……
·
CSS 循序渐进(三)样式“表”秀 (2005-05-18)
三、样式“表”秀——介绍样式表中表格与表单的定制
不知道大家看完前面两篇以后是否对用style已经有了一点心得,其实前文所说的不过是样式表最基本的运用。笔者这里想问一问,读者们有没有感觉到html中所规定的那些标准形式的表格(table)和表单(form)样子过于呆板,而风格又时常……
·
CSS 循序渐进(二)字的艺术 (2005-05-18)
说到CSS,笔者用的最多的还是它的排版和字型设计功能。因为网页嘛,最终还是要做给人家看的,要传递信息给对方的,所以不管怎么说,这种传递形式非常重要,具体说来,也就是字的控制和版面的控制。另外一个很重要的原因就是中文相当难处理,Windows自带的中文字库很少,而中文的美术效果又很难做,远不如英文那么……
·
CSS 循序渐进(一)画个瓢 (2005-05-18)
说起来现在介绍样式表的文章比较多了。其实真正用透样式表的人并不多,笔者也仅仅就敢说懂得了一点皮毛。大家不信?那下面我就来说说,本文主要也就是从语法和功能两大方面来说说前文都未提到的一些东西。
说到语法,似乎只有那些高深的程序语言才有,CSS也有吗?答案是肯定的,只不过没有其他语言那么复杂……
·
CSS实用教程(三) (2005-05-18)
十二.控制BOX的样式
样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。 为了大家更好地理解这些属性的意义,以及互相之间的关系,请看下面这个图示: 1.边框空白(MARGIN) 如图所示,位于BOX……
·
CSS实用教程(二) (2005-05-18)
七.控制文字的样式
控制文字的样式包括文字大小写、文字修饰两个部分。 1.文字大小写 文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写。 基本格式如下: text-transform: 参数 参数取值范围……
·
CSS实用教程(一) (2005-05-18)
CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时……
·
巧用CSS滤镜做图案文字 (2005-05-18)
请先看看以下演示中的图案文字。这可不是图片效果,而是用CSS滤镜中的 Chroma() 语句做成的文本文字,其中文本的内容和图案都可以自由设定。 先介绍一下这个神奇的滤镜:Chroma() 滤镜。 语法 : FILTER:Chroma( Color=#CCCCCC) ,其……
·
巧用CSS的Border属性制作特效菜单 (2005-05-18)
许多应用软件的主菜单都具有这样的效果,通常是暗色的,一旦鼠标移到菜单上,立即变明亮鼠标不在菜单上时是平面的,一旦鼠标移到菜单上,菜单条立即变为立体,从而增强了菜单的效果。你是否也想使网页中的导航菜单产生这种迷人的效果? 上面这种菜单效果的制作思路是这样的:利用CSS属性可以动态改变的特点,我们……
·
巧用CSS制作文字变图象特效 (2005-05-18)
一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs功能也可实现,但那要增加一段javascript程序,明显增加了不少代码。而用CSS来制作……
·
巧用CSS制作图象特效 (2005-05-18)
一张风景图片,当鼠标在图片上面时,立即显示图片的文字说明,且有文字的地方图象变模糊了,当鼠标移开图片时,图片上的文字又消失了,图片又恢复了原样。这种效果是如何实现的呢?用dreamweaver的Behavirs功能可以实现,我在这里介绍的是用CSS来制作,网页的源代码显得更简炼。 原理:利用C……
·
巧用CSS制作树状目录 (2005-05-18)
索易电子杂志大多采用树状目录,当鼠标点击主目录时,展开子目录当再次点击主目录时,则关闭子目录。显得简捷明快,朴实无华。制作这种树状目录的方法较多,最近我利用CSS能方便地控制对象的“显 示”和“隐藏”属性原理,也制作一个,我感到用CSS制作这样的树状目录,方法简单,代码也比较少,所以把它写出来,给……
·
网页设计中HTML常范的五个错误 (2005-05-18)
1.网页背景色的设置
犯错机率:很大 普遍性:较广 犯错可能性:懒/不知道
约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。
绝大部分人的窗口背景颜色都是白色,但如果象我……
·
增强网站的可访问性 (2005-05-18)
大多的互连网站都至少支持两个主要的浏览器的访问:Internet Explorer和网景浏览器。为什么呢?因为,如果你选择不支持这些浏览器中的任意一个,你就有可能失去一部分网站的访问者。当然,你希望确保你的网站通过合理的开销能够被尽可能多的人访问到。
保持着这种观点,你是否曾经考虑过你的网……
·
CSS2盒模型的3D示意图 (2005-05-18)
CSS2中的盒模型是关系到我们排版定位的关键,例如
就遵循盒模型规范。盒模型定义的margin,background- color,background-image,padding,content,border,初学者经常会搞不清楚它们之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,……
·
XHTML代码规范 (2005-05-18)
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和&l……
·
CSS入门 (2005-05-18)
在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。
1.基本语法……
·
网站首页head区代码规范 (2005-05-18)
head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 1.公司版权注释 <!---ThesiteisdesignedbyMaketown,Inc06/2000---> 2.网页显示字符集 简体中文:<METAHTTP-……
·
精通 CSS 滤镜(四) (2005-05-18)
7、Gray ,Invert,Xray 滤镜
语法:{filter:gray} ,{filter:invert},{filter:xray}
Gray滤镜是把一张图片变成灰度图Invert滤镜是把对象的可视化属性全部翻转,包括色彩、饱和度、和亮度值Xray滤镜是让对象反映出它的轮廓并把……
·
精通 CSS 滤镜(三) (2005-05-18)
1、Alpha 滤镜
语法:{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style, startx=startx,starty=starty,finishx=finishx,finishy=finishy)……
·
精通 CSS 滤镜(二) (2005-05-18)
随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介绍一个新的CSS扩展部分:CSS滤镜属性(Filter Properties)。使用这种技术可以把可视化的滤……
·
精通 CSS 滤镜(一) (2005-05-18)
CSS(Cascading Style Sheets) 中文翻译为 层叠样式表单,简称样式单。它是近几年才发展起来的新技术,1998年5月12日,Cascading Style Sheets,level 2 成为了W3C 的新标准。同时,”W3C CoreStyles 和CSS2 Validatio……
·
DIV和TABLE表格的使用疑问 (2005-05-18)
关于DIV和TABLE表格的使用疑问有不少人问起过,这里我再向大家讲解一下。使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到“为什么使用表格排版是不明智的”这句话,可能是大家对他的理解有误,这里注意“使用表格排版是不明智……
·
弹出网页窗口全攻略(html/hta) (2005-05-18)
如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:
1.弹启一个全屏窗口
<html> <body onload=window.open(http://www.pconline.com.cn,……
·
CSS 标签属性/属性参考 (2005-05-18)
这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于 Microsoft® Internet Explorer 5 中使用。标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用。带有两个加号(++)的标签属性可于 Internet E……
·
背景音乐是如何插入的 (2005-05-18)
往网页中插入背景音乐会使页面声色不少。但是在使用音乐背景的时候要注意,背景音乐不能太大,否则文件传输会成问题,从而使网页的吸引力下降。 在 HTML 中有 embed 标签可以实现背景音乐的插入功能,其语法规则如下: 下表给出有关上面的语法的一些具体的值和含义: s……
·
表格边框的CSS语法 (2005-05-18)
我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。
有关表格边框的css语法 具体内容包括:上边框宽度、右边框宽度、下边框宽度、左……
·
CSS滤镜之Mask属性 (2005-05-18)
Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单:
Filter:Mask(Color=颜色)
只有一个Color参数,用来指定使用什么颜色作为掩膜。 同样,我们来看一下一幅图片在加上mask属性前后的效果(见下图):
原 图
……
·
CSS滤镜之blur属性 (2005-05-18)
假如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。 先来看一下blur属性的表达式:
filter:blur(add=add,direction,strength=strength)
我们看到blur属性有三个参数:……
·
CSS滤镜之Chroma属性 (2005-05-18)
Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下:
Filter:Chroma(color=color)
这个属性的表达式是不是很简单,它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图:
图中显示……
·
CSS滤镜之DropShadow属性 (2005-05-18)
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:
Filter:DropShadow(Color=color,Offx=Offx,Offy=offy, Positive……
·
CSS滤镜之FlipH、FlipV属性 (2005-05-18)
Flip是CSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转。它们的表达式很简单,分别是:
Filter:FlipH
Filter:FlipV
我们先来看一幅图:点击可放大
下面我们分别对它实现水平翻转和垂直翻转,并且在图片上方……
·
CSS滤镜之Glow属性 (2005-05-18)
当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下:
Filter:Glow(Color=color,Strength=strength)
Glow属性的参数只有两个:Color是指定发光的颜色,Strength指定发光的强度,参数值从1到……
·
CSS滤镜之Invert属性 (2005-05-18)
Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。 它的表达式也很简单:
Filter:Invert
我们再来看一下加上Invert属性前后的图片效果变化(如下图):
原图 ……
·
CSS滤镜之Shadow属性 (2005-05-18)
Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的:
Filter:Shadow(Color=color,Direction=direction)
在这里,Shadow有两个参数值:Color参数用来指定投影的颜色Direction参数用来指定投影的方向。 ……
·
CSS滤镜之Wave属性 (2005-05-18)
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下:
Filter:Wave(Add=True(False),Freq=频率,LightStrength=增强光效, Phase=偏移量,Strength=强度)
我们看到Wave属性的表达式还是比较复杂的,……
·
CSS滤镜之Xray属性 (2005-05-18)
Xray就是X射线的意思。 Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单:
Filter:Xray
我们还是先来看一个页面(如下图):
如果在上面的页面中加入Xray属性,也就是在<hea……
·
CSS滤镜之alpha属性 (2005-05-18)
alpha是来设置透明度的。先来看一下它的表达格式:
filter:alpha(opacity=opcity,finishopacity=finishopacity, style=style,startX=startX,startY=startY,finishX=finishX, ……
·
“mailto”的六则应用技巧 (2005-05-18)
大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Fo……
·
Xhtml第12天:校验及常见错误 (2005-05-18)
辛苦了好多天,我们努力学习使用xhtml+css来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准?w3c和一些志愿者网站提供了在线校验程序,来帮助我们检查页面是否符合标准,并提供了修正错误的帮助信息。这些校验非常有用,是我调试页面第一步要做的事情。
1.xhtml校验 ……
·
Xhtml第11天:如何制作不用表格的菜单 (2005-05-18)
1.不用表格的菜单(纵向)
我们先来看菜单的最终效果:
#menu {
margin: 15px 20px 0px 15px;
padding:15px;
background: #dfdfdf;
color: #666;
border:#fff 2px solid;
……
·
Xhtml第10天:div自适应高度 (2005-05-18)
如果我们想在3列布局的最后加一行页脚,放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中,我们用大表格嵌套小表格的方法,可以很方便对齐三列而用div布局,三列独立分散,内容高低不同,就很难对齐。其实我们完全可以嵌套div,把三列放进一个div中,就做到了底部对齐。下面是实现例子(白……
·
Xhtml第9天:第一个CSS布局实例 (2005-05-18)
接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用div也可以实现。技术……
·
Xhtml第8天:CSS布局入门技术 (2005-05-18)
css布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的gif图片来控制文布局版块的间距而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距
1.定义div
分析一个典型的定义div……
·
Xhtml第7天:CSS入门知识 (2005-05-18)
css是cascading style sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。
1.基本语法规范
分析一个典型css的语句:
p {color:#ff0000;background:#ffffff}
其中p我们称……
·
Xhtml第6天:XHTML代码规范 (2005-05-18)
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在html中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和&……
·
Xhtml第5天:head区的其他设置 (2005-05-18)
其实head区是非常重要的,看一个页面的head的代码就可以知道设计师是否够专业。
代码如下,替换一下放在<head>即可:
1.允许搜索机器人搜索站内所有链接:
<meta content=all name=robots />
2.设置站点作者信息……
·
Xhtml第4天:调用样式表 (2005-05-18)
用web标准设计网站,过渡的方法主要是采用xhtml+css,css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握css,如果你以前不常用,那么现在就开始学习吧。要制作符合web标准的网站,不懂css是设计不出漂亮的页面的。
事实上,所有表现的地方都需要用css来实现。我们以前都习惯……
·
Xhtml第3天:定义语言编码 (2005-05-18)
定义你的语言编码,类似这样:
<meta http-equiv=content-type content=text/html; charset=gb2312 />
为了被浏览器正确解释和通过w3c代码校验,所有的xhtml文档都必须声明它们所使用的编码语言,我们一般使用g……
·
Xhtml第2天:什么是名字空间 (2005-05-18)
DOCTYPE声明好以后,接下来的代码是:
<html xmlns=http://www.w3.org/1999/xhtml lang=gb2312>
通常我们html4.0的代码只是<html>,这里的xmlns是什么呢?
这个xmlns是xhtml n……
·
Xhtml第1天:选择什么样的DOCTYPE (2005-05-18)
开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE。
查看本站首页原代码,可以看到第一行就是:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/……
·
*.HTC 文件的简单介绍 (2005-05-18)
今天在论坛上面看到有些兄弟不知道HTC是什么东西。小生在这里稍微说一下。 从5.5版本开始,Internet Explorer(IE)开始支持Web 行为的概念。这些行为是由后缀名为.htc的脚本文件描述的,它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上……
·
用 onerror 获取错误信 (2005-05-18)
这个东西是在线写 js 脚本的时候,用来即时查错的东西! 也就是,当发现所编写的脚本有问题的时候会有相应的提示,并且在源代码框中高亮标示出错行,方便除错!
运行代码框 <HTML>
<HEAD>
<TITLE>Debug Textarea</……
·
UBB 转换函数演示 (2005-05-18)
UBB代码对于经常上论坛的朋友来说是最熟悉不过了。这里我不多说了,关于怎么实现UBB转换,不了解的朋友请看这里 正则表达式在UBB论坛中的应用 。
经典论坛的UBB转换我觉得是处理的非常好的,研究了一下它的转换结果[因为没有源码:)],做了下面的演示。转换结果基本上觉得象了。
……
·
用js封装的时间设置器 (2005-05-18)
js的成员和方法好象没有private和public之分,列一下public的成员和方法 成员: name 控件的名字,既这个控件的变量名(必选) fName 时间的input的name,可以后台获取,也就是input的name属性(可选,默认为 m_input 方法: play() 使时间框呈……
·
利用CSS改善网站可访问性 (2005-05-18)
最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配。
像那时建构的很多网站一样……
·
跟我学XSL(二) (2005-05-18)
表一、运算符与特殊字符
运算符
描述
/
选择子元素,返回左侧元素的直接子元素如果/位于最左侧表示选择根结点的直接子元素
//
递归下降,不论深度,搜索指定的元素如果位于最左侧表示从根结点出发递归下降……
·
跟我学XSL(一) (2005-05-18)
随着Internet的发展,越来越多的信息进入互联网,信息的交换、检索、保存及再利用等迫切的需求使HTML这种最常用的标记语言已越来越捉襟见肘。HTML将数据内容与表现融为一体,可修改性、数据可检索性差,而XML借鉴了HTML与数据库、程序语言的优点,将内容与表现分开,不仅使检索更为方便,更主要的是……
·
用CSS和Javascript设计仿Office2003的工具条 (2005-05-18)
仿Office 2003的工具条主要尝试不用任何图片(当然不可能把所有按钮都做出来),所有的控件都是用CSS和Javascript做的。
<html>
<head>
<meta http-equiv=Content-Language content……
·
在CSS中关于字体处理效果的思考 (2005-05-18)
字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。
中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现,英文字体里……
·
巧夺天工架设傻瓜式网站之十四:设计CSS层叠样式表 (2004-12-31)
Macromedia Dreamweaver MX 2004是现今最好的网站编辑工具之一,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Macromedia Dreamweaver MX 2004在页面中加入CSS样式表,而且不用死记硬背各种代码标记,就能轻松自如的在网页中……