文章标题关闭所有内容预览 | 展开所有内容预览
-
[图文] CSS滤镜之Glow属性
[内容预览]
483 | 2005-06-21 16:52:55
当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下： Filter：Glow（Color=color，Strength=strength） Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。让我们先来看一下加上Glow属...
[阅读全文]
-
[图文] CSS滤镜之FlipH、FlipV属性
[内容预览]
295 | 2005-06-21 16:52:54
Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是： Filter：FlipH Filter：FlipV 我们先来看一幅图：点击可放大 下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下： <html> <head...
[阅读全文]
-
[图文] CSS滤镜之DropShadow属性
[内容预览]
378 | 2005-06-21 16:52:52
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShadow（Color=color，Offx=Offx，Offy=offy， Positive=positive） 该属性...
[阅读全文]
-
[图文] CSS滤镜之Chroma属性
[内容预览]
961 | 2005-06-21 16:52:51
Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下： Filter：Chroma（color=color） 这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图： 图中显示两种字体，两种颜色，我们现在对“leaves”字体添加c...
[阅读全文]
-
[图文] CSS滤镜之blur属性
[内容预览]
472 | 2005-06-21 16:52:49
假如您用手在一幅还没干透的油画上迅速划过，画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。 先来看一下blur属性的表达式： filter：blur（add=add，direction，strength=strength） 我们看到blur属性有三个参数：add、direction、strengt...
[阅读全文]
-
[图文] CSS滤镜之Mask属性
[内容预览]
779 | 2005-06-21 16:52:48
Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单： Filter：Mask（Color=颜色） 只有一个Color参数，用来指定使用什么颜色作为掩膜。 同样，我们来看一下一幅图片在加上mask属性前后的效果（见下图）：原 图Mask属性效果图 加上MASK属性的效果就好象是在用有色眼镜看物体一样。上...
[阅读全文]
-
表格边框的css语法
[内容预览]
550 | 2005-06-21 16:52:46
我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式...
[阅读全文]
-
背景音乐是如何插入的?
[内容预览]
1604 | 2005-06-21 16:52:45
往网页中插入背景音乐会使页面声色不少。但是在使用音乐背景的时候要注意，背景音乐不能太大，否则文件传输会成问题，从而使网页的吸引力下降。 在HTML中有embed标签可以实现背景音乐的插入功能，其语法规则如下： 下表给出有关上面的语法的一些具体的值和含义：src音乐文件的路径及文件名；autostarttrue为音乐...
[阅读全文]
-
CSS 标签属性/属性参考
[内容预览]
223 | 2005-06-21 16:52:43
这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于Microsoft®InternetExplorer5中使用。标有两个星号(**)的标签属性可于InternetExplorer5.5中使用。带有两个加号(++)的标签属性可于InternetExplorer6中使用。如果某个标签属性或属...
[阅读全文]
-
使用DIV之后,什么时候使用TABLE?
[内容预览]
854 | 2005-06-21 16:52:41
今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!关于表格使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能...
[阅读全文]
-
[图文] 精通 CSS 滤镜（一）
[内容预览]
953 | 2005-06-21 16:52:39
CSS（CascadingStyleSheets)中文翻译为层叠样式表单，简称样式单。它是近几年才发展起来的新技术，1998年5月12日，CascadingStyleSheets,level2成为了W3C的新标准。同时,”W3CCoreStyles"和CSS2ValidationService"以及“CSSTestSu...
[阅读全文]
-
[图文] 精通 CSS 滤镜（二）
[内容预览]
717 | 2005-06-21 16:52:38
随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介绍一个新的CSS扩展部分：CSS滤镜属性（FilterProperties)。使用这种技术可以把可视化的滤镜和转换效果添加到一个标...
[阅读全文]
-
[图文] 精通 CSS 滤镜（三）
[内容预览]
256 | 2005-06-21 16:52:37
1、Alpha滤镜语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}"Alpha"属性是把一个目标元素...
[阅读全文]
-
[图文] 精通 CSS 滤镜（四）
[内容预览]
1317 | 2005-06-21 16:52:35
7、Gray,Invert,Xray滤镜语法：{filter:gray},{filter:invert},{filter:xray}Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。效...
[阅读全文]
-
CSS入门
[内容预览]
538 | 2005-06-21 16:52:33
在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。CSS是CascadingStyleSheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句：p{COLO...
[阅读全文]
-
[图文] CSS2盒模型的3D示意图
[内容预览]
219 | 2005-06-21 16:52:30
CSS2中的盒模型是关系到我们排版定位的关键，例如就遵循盒模型规范。盒模型定义的margin，background-color，background-image，padding，content，border，初学者经常会搞不清楚它们之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。
[阅读全文]
-
巧用CSS制作文字变图象特效
[内容预览]
1278 | 2005-06-21 16:52:23
一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思？！这种效果用Dreamweaver的Behavirs功能也可实现，但那要增加一段javascript程序，明显增加了不少代码。而用CSS来制作这种效果，...
[阅读全文]
-
[图文] CSS实用教程（三）
[内容预览]
437 | 2005-06-21 16:52:14
十二．控制BOX的样式样式表规定了一个容器BOX，它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。为了大家更好地理解这些属性的意义，以及互相之间的关系，请看下面这个图示：1．边框空白（MARGIN）如图所示，位于BOX模型的最外层，包括四项属性。格式分别如下：·margin-...
[阅读全文]
-
[图文] CSS 循序渐进（一）画个瓢
[内容预览]
661 | 2005-06-21 16:52:13
说起来现在介绍样式表的文章比较多了。其实真正用透样式表的人并不多，笔者也仅仅就敢说懂得了一点皮毛。大家不信？那下面我就来说说，本文主要也就是从语法和功能两大方面来说说前文都未提到的一些东西。 说到语法，似乎只有那些高深的程序语言才有，CSS也有吗？答案是肯定的，只不过没有其它语言那么复杂罢了。特别是它的id和clas...
[阅读全文]
-
[图文] CSS 循序渐进（二）字的艺术
[内容预览]
700 | 2005-06-21 16:52:11
说到CSS，笔者用的最多的还是它的排版和字型设计功能。因为网页嘛，最终还是要做给人家看的，要传递信息给对方的，所以不管怎么说，这种传递形式非常重要，具体说来，也就是字的控制和版面的控制。另外一个很重要的原因就是中文相当难处理，Windows自带的中文字库很少，而中文的美术效果又很难做，远不如英文那么随随便便写几个字就很...
[阅读全文]
-
[图文] CSS 循序渐进（三）样式“表”秀
[内容预览]
844 | 2005-06-21 16:52:10
三、样式“表”秀——介绍样式表中表格与表单的定制 不知道大家看完前面两篇以后是否对用style已经有了一点心得，其实前文所说的不过是样式表最基本的运用。笔者这里想问一问，读者们有没有感觉到html中所规定的那些标准形式的表格（table）和表单（form）样子过于呆板，而风格又时常与自己网页格格不入呢?而且，对于一个...
[阅读全文]
-
[图文] CSS 循序渐进（四）表里春秋（上）
[内容预览]
297 | 2005-06-21 16:52:08
这一次还是继续为大家介绍一些样式表应用方面的技巧。大家知道样式表的定义是针对容器(tag)而言的，那么在HTML中，Anchor(锚，即超级链接标记)是一类作用非常之大的容器。它实现了HTML最根本的功能（超文本，超链接）。而CSS也有关于Anchor的一些特殊用法。使得页面的联接更紧凑，更富有条理。 跟其它的tag...
[阅读全文]
-
[图文] CSS 循序渐进（四）表里春秋（下）
[内容预览]
286 | 2005-06-21 16:52:07
这一次还是继续为大家介绍一些样式表应用方面的技巧。大家知道样式表的定义是针对容器(tag)而言的，那么在HTML中，Anchor(锚，即超级链接标记)是一类作用非常之大的容器。它实现了HTML最根本的功能（超文本，超链接）。而CSS也有关于Anchor的一些特殊用法。使得页面的联接更紧凑，更富有条理。 跟其它的tag...
[阅读全文]
-
CSS语法手册（三）文本填充，边框，边界和位置属性（一）
[内容预览]
755 | 2005-06-21 16:52:03
一、框填充属性1、padding-bottompadding-leftpadding-toppadding-right功能：毎个容器都有边框，这些属性设置边框与框內元素间的距离。数值：长度-设置相对或绝对值。在数字后指定度量单位如下：mm,cm,in,pt,px,pc,ex,em。em和ex设置产生相对于父字体的字体尺...
[阅读全文]
-
CSS语法手册（四）文本填充，边框，边界和位置属性（二）
[内容预览]
789 | 2005-06-21 16:52:02
三、框边界属性1、margin-bottommargin-leftmargin-rightmargin-top功能：这四个属性用来设置元素与其相邻元素间的距离，可以用长度或相对于其父文本的宽度的百分比来定义，也可以自动处理。数值：长度-设置元素相应边与框边缘之间的相对或绝对距离，有效单位为：mm,cm,in,px,pt...
[阅读全文]
-
HTML语言剖析(1)
[内容预览]
712 | 2005-06-21 16:51:16
Html简介全写：HyperTextMark-upLanguage译名：超文件注标式语言（译名之一）简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。HTML是在SGML定义下的一个描述性语言，或可说HTML是SGML的一个应用程式，HTML不是程式语言，如C++和Ja...
[阅读全文]
-
HTML语言剖析(2)
[内容预览]
416 | 2005-06-21 16:51:15
HTML标记一览标记类型译名或意义作用备注文件标记<HTML>●文件声明让浏览器知道这是HTML文件<HEAD>●开头提供文件整体资讯<TITLE>●标题定义文件标题，将显示于浏览顶端<BODY>●本文设计文件格式及内文所在排版标记<!--注解-->○说明标记为文件加上说明，但不被显示<P>○段落标记为字、画、表格等之...
[阅读全文]
-
HTML语言剖析(3)
[内容预览]
155 | 2005-06-21 16:51:13
文件标记<HTML>；<HEAD>；<TITLE>；<BODY>欲明白本篇【HTML剖析】之标记分类请看【标记一览】。亦请先明白围堵标记与空标记的分别请看【HTML概念】。■HTML基本架构：以下HTMLSourceCode便是一份HTML文件的基本架构：<HTML><HEAD><TITLE>网页的标题</TITLE>...
[阅读全文]
-
HTML语言剖析(4)
[内容预览]
256 | 2005-06-21 16:51:12
排版标记<!--注解-->；<P>；<BR>；<HR>；<CENTER>；<PRE>；<DIV>；<NOBR>；<WBR>；■<!--注解-->：▲Top像很多电脑语言一样，HTML文件亦提供注解功能。浏览器会忽略此标记中的文字（可以是很多行）而不作显示，一般使用目的：为文中不同部份加上说明，方便日后修改。这对较复杂或...
[阅读全文]
-
[图文] 常见页面元素遮住菜单解决方法
[内容预览]
755 | 2005-06-21 16:51:11
1.被Flash挡住设置Flash的参数：<paramname="wmode"value="opaque"><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/sh...
[阅读全文]
