文章标题关闭所有内容预览 | 展开所有内容预览
-
[图文] 精通 CSS 滤镜（三）
[内容预览]
37 | 2005-04
1、Alpha滤镜语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}"Alpha"属性是把一个目标元素...
[阅读全文]
-
[图文] 精通 CSS 滤镜（二）
[内容预览]
41 | 2005-04
随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果。CSS技术的飞快发展使这些需求成为了现实。从现在开始我要为大家介绍一个新的CSS扩展部分：CSS滤镜属性（FilterProperties)。使用这种技术可以把可视化的滤镜和转换效果添加到一个标...
[阅读全文]
-
[图文] 精通 CSS 滤镜（一）
[内容预览]
35 | 2005-04
CSS（CascadingStyleSheets)中文翻译为层叠样式表单，简称样式单。它是近几年才发展起来的新技术，1998年5月12日，CascadingStyleSheets,level2成为了W3C的新标准。同时,”W3CCoreStyles"和CSS2ValidationService"以及“CSSTestSu...
[阅读全文]
-
使用DIV之后,什么时候使用TABLE?
[内容预览]
29 | 2005-04
今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!关于表格使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能...
[阅读全文]
-
弹出网页窗口全攻略(html/hta)
[内容预览]
34 | 2005-04
如何利用网页弹出各种形式的窗口，我想大家大多都是知道些的，但那种多种多样的弹出式窗口是怎么搞出来的，我们今天就来学习一下： 1.弹启一个全屏窗口<html><bodyonload="window.open('http://www.pconline.com.cn','example01','fullscreen');"...
[阅读全文]
-
CSS 标签属性/属性参考
[内容预览]
40 | 2005-03
这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于Microsoft®InternetExplorer5中使用。标有两个星号(**)的标签属性可于InternetExplorer5.5中使用。带有两个加号(++)的标签属性可于InternetExplorer6中使用。如果某个标签属性或属...
[阅读全文]
-
背景音乐是如何插入的?
[内容预览]
50 | 2005-03
往网页中插入背景音乐会使页面声色不少。但是在使用音乐背景的时候要注意，背景音乐不能太大，否则文件传输会成问题，从而使网页的吸引力下降。 在HTML中有embed标签可以实现背景音乐的插入功能，其语法规则如下： 下表给出有关上面的语法的一些具体的值和含义：src音乐文件的路径及文件名；autostarttrue为音乐...
[阅读全文]
-
表格边框的css语法
[内容预览]
45 | 2005-03
我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式...
[阅读全文]
-
[图文] CSS滤镜之Mask属性
[内容预览]
43 | 2005-03
Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单： Filter：Mask（Color=颜色） 只有一个Color参数，用来指定使用什么颜色作为掩膜。 同样，我们来看一下一幅图片在加上mask属性前后的效果（见下图）：原 图Mask属性效果图 加上MASK属性的效果就好象是在用有色眼镜看物体一样。上...
[阅读全文]
-
[图文] CSS滤镜之blur属性
[内容预览]
60 | 2005-03
假如您用手在一幅还没干透的油画上迅速划过，画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。 先来看一下blur属性的表达式： filter：blur（add=add，direction，strength=strength） 我们看到blur属性有三个参数：add、direction、strengt...
[阅读全文]
-
[图文] CSS滤镜之Chroma属性
[内容预览]
56 | 2005-03
Chroma属性可以设置一个对象中指定的颜色为透明色，它的表达式如下： Filter：Chroma（color=color） 这个属性的表达式是不是很简单，它只有一个参数。只需把您想要指定透明的颜色用Color参数设置出来就可以了。比如下面这幅图： 图中显示两种字体，两种颜色，我们现在对“leaves”字体添加c...
[阅读全文]
-
[图文] CSS滤镜之DropShadow属性
[内容预览]
29 | 2005-03
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShadow（Color=color，Offx=Offx，Offy=offy， Positive=positive） 该属性...
[阅读全文]
-
[图文] CSS滤镜之FlipH、FlipV属性
[内容预览]
33 | 2005-03
Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是： Filter：FlipH Filter：FlipV 我们先来看一幅图：点击可放大 下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下： <html> <head...
[阅读全文]
-
[图文] CSS滤镜之Glow属性
[内容预览]
31 | 2005-03
当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下： Filter：Glow（Color=color，Strength=strength） Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。让我们先来看一下加上Glow属...
[阅读全文]
-
[图文] CSS滤镜之Invert属性
[内容预览]
25 | 2005-03
Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。 它的表达式也很简单： Filter：Invert 我们再来看一下加上Invert属性前后的图片效果变化（如下图）： 原图 Invert属性效果图 我们看到Invert...
[阅读全文]
-
[图文] CSS滤镜之Shadow属性
[内容预览]
53 | 2005-03
Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的： Filter：Shadow（Color=color，Direction=direction） 在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参数用来指定投影的方向。 这里说的方向与我们在第二节Blur属性...
[阅读全文]
-
[图文] CSS滤镜之Wave属性
[内容预览]
35 | 2005-03
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下： Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效， Phase=偏移量，Strength=强度） 我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值...
[阅读全文]
-
[图文] CSS滤镜之Xray属性
[内容预览]
28 | 2005-03
Xray就是X射线的意思。 Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。它的表达式很简单： Filter：Xray 我们还是先来看一个页面（如下图）： 如果在上面的页面中加入Xray属性，也就是在<head>的<Style>中，增添下面这一句代码： Filter：Xray ...
[阅读全文]
-
[图文] CSS滤镜之alpha属性
[内容预览]
25 | 2005-03
alpha是来设置透明度的。先来看一下它的表达格式： filter：alpha（opacity=opcity，finishopacity=finishopacity， style=style，startX=startX，startY=startY，finishX=finishX， finishY=finishY）...
[阅读全文]
-
“mailto”的六则应用技巧
[内容预览]
29 | 2005-03
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLookExpress以及Foxmail等。当然有关m...
[阅读全文]
-
[图文] Xhtml第12天：校验及常见错误
[内容预览]
31 | 2005-03
辛苦了好多天，我们努力学习使用xhtml+css来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？w3c和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正错误的帮助信息。这些校验非常有用，是我调试页面第一步要做的事情。1.xhtml校验校验网址：http://vali...
[阅读全文]
-
Xhtml第11天:如何制作不用表格的菜单
[内容预览]
39 | 2005-03
1.不用表格的菜单(纵向)我们先来看菜单的最终效果：#menu{margin:15px20px0px15px;padding:15px;background:#dfdfdf;color:#666;border:#fff2pxsolid;width:160px;}#menuul{margin:0px;padding:0p...
[阅读全文]
-
Xhtml第10天:div自适应高度
[内容预览]
36 | 2005-03
如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就很难对齐。其实我们完全可以嵌套div，把三列放进一个div中，就做到了底部对齐。下面是实现例子(白色背景框模拟一个页面...
[阅读全文]
-
[图文] Xhtml第9天:第一个css布局实例
[内容预览]
41 | 2005-03
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用div也可以实现。技术有一个成熟的过程，把d...
[阅读全文]
-
[图文] Xhtml第8天：CSS布局入门技术
[内容预览]
51 | 2005-03
css布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的gif图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距1.定义div分析一个典型的定义div例子：#sample{margin:...
[阅读全文]
-
Xhtml第7天：css入门知识
[内容预览]
42 | 2005-03
css是cascadingstylesheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。1.基本语法规范分析一个典型css的语句：p{color:#ff0000;background:#ffffff}其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式...
[阅读全文]
-
[图文] Xhtml第6天：XHTML代码规范
[内容预览]
32 | 2005-03
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。1.所有的标记都必须要有一个相应的结束标记以前在html中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在xhtml中这是不合法的。xhtml要求有严谨的结...
[阅读全文]
-
Xhtml第5天:head区的其他设置
[内容预览]
28 | 2005-03
其实head区是非常重要的，看一个页面的head的代码就可以知道设计师是否够专业。代码如下，替换一下放在<head>即可：1.允许搜索机器人搜索站内所有链接:<metacontent="all"name="robots"/>2.设置站点作者信息:<metaname="author"content="jiangwei62...
[阅读全文]
-
Xhtml第4天:调用样式表
[内容预览]
32 | 2005-03
用web标准设计网站，过渡的方法主要是采用xhtml+css，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握css，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂css是设计不出漂亮的页面的。事实上，所有表现的地方都需要用css来实现。我们以前都习惯用table来定位和布局，现在...
[阅读全文]
-
Xhtml第3天：定义语言编码
[内容预览]
27 | 2005-03
定义你的语言编码，类似这样：<metahttp-equiv="content-type"content="text/html;charset=gb2312"/>为了被浏览器正确解释和通过w3c代码校验，所有的xhtml文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用u...
[阅读全文]