文章标题关闭所有内容预览 | 展开所有内容预览
-
[图文] CSS 循序渐进（四）表里春秋（下）
[内容预览]
60 | 2006-05-22 01:46:53
这一次还是继续为大家介绍一些样式表应用方面的技巧。大家知道样式表的定义是针对容器(tag)而言的，那么在HTML中，Anchor(锚，即超级链接标记)是一类作用非常之大的容器。它实现了HTML最根本的功能（超文本，超链接）。而CSS也有关于Anchor的一些特殊用法。使得页面的联接更紧凑，更富有条理。 跟其它的tag...
[阅读全文]
-
CSS语法手册（一）字体属性
[内容预览]
42 | 2006-05-22 01:46:52
1、font-family功能：用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。语法：{font-family:字体1,字体2,...,字体n}例子：字体2、font-style功能：使文本显示为扁斜体或斜体等表示强调。数值：normal-正常italic-斜体oblique-偏斜体...
[阅读全文]
-
CSS语法手册（二）文本属性
[内容预览]
33 | 2006-05-22 01:46:51
1、letter-spacing功能：控制文本元素字母间的间距，所设置的距离适用于整个元素。数值：normal-正常间距，将字符间的间距复位为所有字体和字号的正常间距。长度-设置字间距长度，正值表示加进父元素中继承的正常长度，负值则減去正常长度。在数字后指定度量单位如下：mm,cm,in,pt(点数),px(象素),p...
[阅读全文]
-
CSS语法手册（三）文本填充，边框，边界和位置属性（一）
[内容预览]
32 | 2006-05-22 01:46:50
一、框填充属性1、padding-bottompadding-leftpadding-toppadding-right功能：毎个容器都有边框，这些属性设置边框与框內元素间的距离。数值：长度-设置相对或绝对值。在数字后指定度量单位如下：mm,cm,in,pt,px,pc,ex,em。em和ex设置产生相对于父字体的字体尺...
[阅读全文]
-
CSS语法手册（四）文本填充，边框，边界和位置属性（二）
[内容预览]
29 | 2006-05-22 01:46:49
三、框边界属性1、margin-bottommargin-leftmargin-rightmargin-top功能：这四个属性用来设置元素与其相邻元素间的距离，可以用长度或相对于其父文本的宽度的百分比来定义，也可以自动处理。数值：长度-设置元素相应边与框边缘之间的相对或绝对距离，有效单位为：mm,cm,in,px,pt...
[阅读全文]
-
CSS语法手册（五）颜色和背景属性
[内容预览]
34 | 2006-05-22 01:46:47
1、color功能：设置前景或元素的颜色。数值：使用颜色关键字或RGB值。例子：文本颜色(关键字)文本颜色(#rrggbb)文本颜色[rgb(rr,gg,bb)]文本颜色[rgb(r%,g%,b%)]2、background-color功能：设置页面或页面元素的背景颜色。数值：颜色-可用颜色名或RGB值transpar...
[阅读全文]
-
CSS语法手册（六）分类属性
[内容预览]
34 | 2006-05-22 01:46:46
1、display功能：改变元素的显示值，可以将元素类型线上，块和清单项目相互变换。数值：none-不显示元素block-块显示，在元素前后设置分行符inline-删除元素前后的分行符，使其并入其它元素流中list-item-将元素设置为清单中的一行说明：可用display属性值生成插入标题和补加清单或让图形变成线上显...
[阅读全文]
-
HTML语言剖析(1)
[内容预览]
19 | 2006-05-22 01:46:45
Html简介全写：HyperTextMark-upLanguage译名：超文件注标式语言（译名之一）简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。HTML是在SGML定义下的一个描述性语言，或可说HTML是SGML的一个应用程式，HTML不是程式语言，如C++和Ja...
[阅读全文]
-
HTML语言剖析(2)
[内容预览]
20 | 2006-05-22 01:46:44
HTML标记一览标记类型译名或意义作用备注文件标记<HTML>●文件声明让浏览器知道这是HTML文件<HEAD>●开头提供文件整体资讯<TITLE>●标题定义文件标题，将显示于浏览顶端<BODY>●本文设计文件格式及内文所在排版标记<!--注解-->○说明标记为文件加上说明，但不被显示<P>○段落标记为字、画、表格等之...
[阅读全文]
-
HTML语言剖析(3)
[内容预览]
25 | 2006-05-22 01:46:42
文件标记<HTML>；<HEAD>；<TITLE>；<BODY>欲明白本篇【HTML剖析】之标记分类请看【标记一览】。亦请先明白围堵标记与空标记的分别请看【HTML概念】。■HTML基本架构：以下HTMLSourceCode便是一份HTML文件的基本架构：<HTML><HEAD><TITLE>网页的标题</TITLE>...
[阅读全文]
-
HTML语言剖析(4)
[内容预览]
24 | 2006-05-22 01:46:41
排版标记<!--注解-->；<P>；<BR>；<HR>；<CENTER>；<PRE>；<DIV>；<NOBR>；<WBR>；■<!--注解-->：▲Top像很多电脑语言一样，HTML文件亦提供注解功能。浏览器会忽略此标记中的文字（可以是很多行）而不作显示，一般使用目的：为文中不同部份加上说明，方便日后修改。这对较复杂或...
[阅读全文]
-
[图文] 常见页面元素遮住菜单解决方法
[内容预览]
28 | 2006-05-22 01:46:39
1.被Flash挡住设置Flash的参数：<paramname="wmode"value="opaque"><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/sh...
[阅读全文]
-
样 式 表 全 接 触（1）
[内容预览]
48 | 2006-05-22 01:46:38
现在，用ＦＲＯＮＴＰＡＧＥ制作网页简单得就象是用画笔在白纸上画图一样。但随着网站内容的不断丰富，网页上的图象、动画、字幕以及其他控件也不断增加，要实现这些元素在网页中的准确定位，就必须对这若干个元素分别调整，这一点恐怕只有那些对网页制作痴迷而执着的人才可能做到，这并不是正确的工具和灵活性就可以实现的。设想一下，打开一个...
[阅读全文]
-
样 式 表 全 接 触（2）
[内容预览]
31 | 2006-05-22 01:46:37
２、类选择符 单一个选择符能有不同的CLASS(类)，因而允许同一元素有不同样式。例如，一个网页制作者也许希望视其语言而定，用不同的颜色显示代码:code.html{color:#191970}code.css{color:#4b0082}以上的例子建立了两个类，css和html，供网页的CODE元素使用。CLASS...
[阅读全文]
-
样 式 表 全 接 触（3）
[内容预览]
29 | 2006-05-22 01:46:36
三、样式表的属性 １、背景属性 对于背景颜色和背景图片大家都比较熟悉,这里介绍两个比较有趣的背景图案属性background-attachment此属性有两个值：scroll和fixed;scroll是初始值，产生的效果是常见的背景图案随页面上的文字一起流动。fixed属性是指背景静止不动，文字在背景上流动的特殊...
[阅读全文]
-
样 式 表 全 接 触（4）
[内容预览]
28 | 2006-05-22 01:46:34
四、样式表的定位 CSS定位的"positon"属性能够使用两种方法定位HTML元素：相对定位和绝对定位。所谓相对定位是指允许元素在相对于文档布局的原始位置上进行偏移；而绝对定位允许元素与原始的文档布局分离且任意定位。CSS的定位属性共有9个，分别是：position、left、top、width、height、ove...
[阅读全文]
-
样 式 表 全 接 触（5）
[内容预览]
25 | 2006-05-22 01:46:33
五、样式表的引入 了解了CSS的定义方式，下面将具体介绍如何在HTML中引入CSS的各种方法。 1、使用<LINK>链接外部样式表单；例如：<HEAD><TITLE>MyStylesheet</TITLE><LINKREL=stylesheetHREF="mystyles.css"TYPE="text/css"><...
[阅读全文]
-
样 式 表 全 接 触（6）
[内容预览]
20 | 2006-05-22 01:46:32
六、样式表滤镜的构成 滤镜作为样式表大家庭中的一员，它跟其他样式表元素的定义和应用方式当然是一样的，能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为：标记｛ＦＩＬＴＥＲ：滤镜名（属性名１＝属性值１，属性名２＝属性值２，....）；｝它所表达的意思是：在该标记范围内的内容，样式表滤镜...
[阅读全文]
-
样 式 表 全 接 触（7）
[内容预览]
21 | 2006-05-22 01:46:31
八、滤镜的参数及其作用１、Alpha滤镜 语法：{FILTER：ALPHA(opacity=属性值１,finishopacity=属性值２,style=属性值３,startx=属性值４,starty=属性值５,finishx=属性值６,finishy=属性值７)} 作用：该滤镜能够使对象呈现渐变半透明效果，其效果是...
[阅读全文]
-
样 式 表 全 接 触（8）
[内容预览]
29 | 2006-05-22 01:46:30
９、Shadow滤镜 语法：{filter:shadow(color=属性值１,direction=属性值２)；} 作用：该滤镜能够使对象产生一种阴影效果，其具体效果是由小括号中的各属性名及其对应的属性值来产生的。 参数：color属性是用来设置阴影的颜色。 direction属性是用来设置投影的方向，取值范围...
[阅读全文]
-
搜索引擎的蜘蛛人（ROBOTS）秘密
[内容预览]
139 | 2006-05-22 01:46:27
我们知道，搜索引擎都有自己的“搜索机器人”（ROBOTS），并通过这些ROBOTS在网络上沿着网页上的链接（一般是http和src链接）不断抓取资料建立自己的数据库。对于网站管理者和内容提供者来说，有时候会有一些站点内容，不希望被ROBOTS抓取而公开。为了解决这个问题，ROBOTS开发界提供了两个办法：一个是robo...
[阅读全文]
-
“mailto”的六则应用技巧
[内容预览]
33 | 2006-05-22 01:46:26
大家知道，mailto是网页设计制作中的一个非常实用的html标签，许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址，这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后，就能自动打开当前计算机系统中默认的电子邮件客户端软件，例如OutLookExpress以及Foxmail等。当然有关m...
[阅读全文]
-
[组图] CSS滤镜之alpha属性
[内容预览]
61 | 2006-05-22 01:46:24
alpha是来设置透明度的。先来看一下它的表达格式： filter：alpha（opacity=opcity，finishopacity=finishopacity， style=style，startX=startX，startY=startY，finishX=finishX， finishY=finishY）...
[阅读全文]
-
[组图] CSS滤镜之Xray属性
[内容预览]
93 | 2006-05-22 01:46:23
Xray就是X射线的意思。 Xray属性，顾名思义，这种属性产生的效果就是使对象看上去有一种X光片的感觉。它的表达式很简单： Filter：Xray 我们还是先来看一个页面（如下图）： 如果在上面的页面中加入Xray属性，也就是在<head>的<Style>中，增添下面这一句代码： Filter：Xray ...
[阅读全文]
-
[组图] CSS滤镜之Wave属性
[内容预览]
32 | 2006-05-22 01:46:21
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下： Filter：Wave（Add=True（False），Freq=频率，LightStrength=增强光效， Phase=偏移量，Strength=强度） 我们看到Wave属性的表达式还是比较复杂的，它一共有五个参数。Add参数有两个参数值...
[阅读全文]
-
[图文] CSS滤镜之Shadow属性
[内容预览]
32 | 2006-05-22 01:46:20
Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的： Filter：Shadow（Color=color，Direction=direction） 在这里，Shadow有两个参数值：Color参数用来指定投影的颜色；Direction参数用来指定投影的方向。 这里说的方向与我们在第二节Blur属性...
[阅读全文]
-
[组图] CSS滤镜之Invert属性
[内容预览]
37 | 2006-05-22 01:46:18
Invert属性可以把对象的可视化属性全部翻转，包括色彩、饱和度和亮度值。 它的表达式也很简单： Filter：Invert 我们再来看一下加上Invert属性前后的图片效果变化（如下图）： 原图 Invert属性效果图 我们看到Invert...
[阅读全文]
-
[图文] CSS滤镜之Glow属性
[内容预览]
40 | 2006-05-22 01:46:17
当对一个对象使用“Glow”属性后，这个对象的边缘就会产生类似发光的效果。它的表达式如下： Filter：Glow（Color=color，Strength=strength） Glow属性的参数只有两个：Color是指定发光的颜色，Strength指定发光的强度，参数值从1到255。让我们先来看一下加上Glow属...
[阅读全文]
-
[组图] CSS滤镜之FlipH、FlipV属性
[内容预览]
61 | 2006-05-22 01:46:15
Flip是CSS滤镜的翻转属性，FlipH代表水平翻转，FlipV代表垂直翻转。它们的表达式很简单，分别是： Filter：FlipH Filter：FlipV 我们先来看一幅图：点击可放大 下面我们分别对它实现水平翻转和垂直翻转，并且在图片上方的一段文字，也发生翻转。代码如下： <html> <head...
[阅读全文]
-
[图文] CSS滤镜之DropShadow属性
[内容预览]
23 | 2006-05-22 01:46:14
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： Filter：DropShadow（Color=color，Offx=Offx，Offy=offy， Positive=positive） 该属性...
[阅读全文]
