当前位置：71code站长站 → 站长学习 → 网站开发 → HTML DIV+CSS → 站长学习列表
站长学习标题关闭所有内容预览 | 展开所有内容预览
  • [图文] CSS 滤镜应用集锦 -- 巧用CSS的 BlendTrans 滤镜 [内容预览] 70 | 2006-04-03 12:17:47
    BlendTrans滤镜比起上一篇介绍的Revealtrans滤镜来要简单一些，它只有一个参数：Duration变换时间，它的功能也比较单一，就是产生一种淡入淡出的效果，不过它的这种效果比起RevealTrans滤镜的淡入淡出效果来要精细的多，你看看下面也就不言而喻了。由于是动态转换，上面只是我抓的三张图片，只能帮助你...

    [阅读全文]

  • 给文字加上阴影效果的方法 [内容预览] 37 | 2006-04-03 12:17:40
    　　不会吧，给文字阴影？那不是图像编辑软件才行么？　　没错，就是用css给文字加阴影，不信？跟我来。　　下面是css的设置步骤，随后会有使用步骤：　　1：照例子一那样调出newstyle面板，这一次我们选type的第一个makecustomstyle.,在selector处随便给一个名字（注意前面的点一定不能漏了），d...

    [阅读全文]

  • [组图] CSS重新定义项目符号和编号 [内容预览] 33 | 2006-04-03 12:17:35
    　　用过Word的人都知道Word有一个“项目符号和编号”的功能，用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮，产生自动列表功能，但它只有两种形式，即方块和阿拉伯数字。不过我们可以利用Dreamweaver3的CSS定义功能去重新定义“列表符号的格式”。下面以定义一个“大...

    [阅读全文]

  • [组图] 初步了解CSS3 [内容预览] 34 | 2006-04-03 12:17:33
    　　最近闲来无事，上W3C转了一圈，粗略地浏览了一下尚未发布的CSS3，虽然还未被W3C正式发布出来，但还是能从已有的资料中窥出一些端倪，一个很明显的特征，CSS3制订得越来越细致了，某些细节之处完全超乎你所能想象的到的范围。　　在这里不提及CSS3的语法，因为对于目前尚未有软件支持的CSS3，任何语法的探讨都像是空中...

    [阅读全文]

  • 使用CSS设置段落首字下沉 [内容预览] 30 | 2006-04-03 12:17:31
    　　我们在使用Word制作文档，或者观看某些报刊杂志时，总会看到段落的首字下沉的效果。那我们在使用ＤＷ制作网页时，是否也能做出这样的效果呢？答案是肯定的。　　制作方法：　　定义ＣＳＳ样式，代码如下：.first{FONT-WEIGHT:bolder;FONT-SIZE:230%;FLOAT:left;COLOR:#99...

    [阅读全文]

  • 样式表中的类 [内容预览] 29 | 2006-04-03 12:17:24
    　　类　　为了对网页格式的定义更为精确，有必要让相同的选择符也能分类，并能按照不同的类别来进行不同的样式设计。基本格式如下：　　选择符.类别名{属性：值}　　类别名将可以在HTML的标识符里引用：　　<标识符class=类别名>网页内容　　实例：　　＜html＞　　＜head＞　　＜title＞CSS例子＜/title...

    [阅读全文]

  • [图文] 边框(border)边距(margin)和间隙(padding)属性的区别 [内容预览] 32 | 2006-04-03 12:17:22
    　　边框属性(border)用来设定一个元素的边线。　　边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。　　间隙属性(padding)是用来设置元素内容到元素边界的距离。　　这三个属性都属于CSS中box类型的属性。　　下面这个示意图，很形象地体现了三者之间的区别。　　这里提供一张盒模型的...

    [阅读全文]

  • CSS2 参考 [内容预览] 26 | 2006-04-03 12:12:44
    一、什么是CSS？CSS是CascadingStyleSheet的缩写，有些书上把它译为“层叠样式单”或“级联样式单”（下文简称“样式单”），在1997年W3C颁布HTML4标准的同时也公布了有关样式单的第一个标准CSS1。样式单是对以前的HTML（3.2以前的HTML版本）语法的一次重大革新，以前的HTML版本中，各...

    [阅读全文]

  • 巧用CSS动态控制文本的属性 [内容预览] 35 | 2006-04-03 12:12:42
    用CSS可以很方便地动态改变文本的属性，从而可制作出动态地使文字变大、缩小、改变文字颜色、改变文本的背景、字间距、行间距等等网页特效，一切都在你的掌握之中。是不是有点玄？事实就是如此。那一定很复杂吧？不！看完本文，你就会明白，原来这么简单。原理：利用CSS的属性值可动态改变的特点。思路：定义文本的多种属性值，再用一个事...

    [阅读全文]

  • [组图] CSS 滤镜应用集锦 -- 巧用CSS的Mask滤镜 [内容预览] 55 | 2006-04-03 12:12:40
    在网页制作中使用CSS，这已是众所周知，而关于CSS滤镜使用的却介绍得不多。其实，CSS的滤镜在Dreamweaver3中用起来也很方便，且能使文字产生一种类似图象的效果，但比起图片来可就瘦小多了。而在CSS滤镜中，又分为静态滤镜与动态滤镜。多的不说了，让我们跟随下边的滤镜效果一起学习吧！GO！！在网页制作中使用CSS...

    [阅读全文]

  • [图文] CSS 滤镜应用集锦 -- 巧用CSS的 Blur 滤镜 [内容预览] 35 | 2006-04-03 12:12:38
    Blur是CSS的滤镜之一，把它加载到文字上，可产生立体字的效果，这将为你在网页上使用立体字做标题带来了极大的方便，也为你的网页减轻了分量；把Blur滤镜加载到图片上，能使你的图片增色不少，虽然用图象处理软件也能达到同样效果，但用Blur滤镜可方便多了。我将一一向你介绍，先请看下面把Blur滤镜加载到文字上的效果：上图...

    [阅读全文]

  • [组图] CSS 滤镜应用集锦 -- 巧用CSS的 Dropshadow 滤镜 [内容预览] 37 | 2006-04-03 12:12:35
    “DropShadow”顾名思义就是添加对象的阴影效果。它的实际效果看上去就象是原来的对象离开了页面，然后在页面上显示出该对象的投影。其工作原理是建立一个偏移量，然后加上颜色。下面我们就用Dropshadow滤镜来做几个网页特效。一、带阴影的文字Dropshadow滤镜加载到文字上效果比较明显，给人一种文字从页面上站立...

    [阅读全文]

  • [组图] CSS 滤镜应用集锦 -- 巧用CSS的 alpha 滤镜 [内容预览] 43 | 2006-04-03 12:12:33
    “Alpha”滤镜，听到这个名字，你可能会想到Flash里有，Photoshop里也似乎见过。一点不错，它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定点、线、面的透明度。由于“Alpha”滤镜的参数比较多，所以我们...

    [阅读全文]

  • [组图] CSS 滤镜应用集锦 -- 巧用CSS的 Glow 滤镜 [内容预览] 33 | 2006-04-03 12:12:31
    对一个对象使用“glow”滤镜后，这个对象的边缘就会产生类似发光的效果，这种效果在PHTOSHOP中做起来都比较麻烦，而在DW3中用CSS的“glow”滤镜来制作却是如此地简单，而且节约不少字节。“glow”滤镜只有两个参数，一个是“color”是指定发光的颜色，可用十六进制的颜色代码来设定，如#FF0000（表示红色...

    [阅读全文]

  • [组图] CSS 滤镜应用集锦 -- 巧用CSS的 Wave 滤镜 [内容预览] 34 | 2006-04-03 12:12:29
    "wave"滤镜，看它的名称你可能就能想到其效果，正如你想的那样，它的作用是把对象按照垂直的波形样式扭曲，从而产生一种特殊的效果。它共有5个参数："add"：表示是否要把对象按照波形式样扭曲，它只有两个值，即"true"和"false",默认值是"true（非0）"，当然你也可以修改它的值为"false"（"0"）。"...

    [阅读全文]

  • SPAN和DIV的区别 [内容预览] 34 | 2006-03-31 13:53:13
    　　SPAN和DIV的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN是行内元素，SPAN的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。　　下面以一个实例来说明这两个属性的区别。　　代码：　　＜spa...

    [阅读全文]

  • 关于IFRAME 自适应高度的研究 [内容预览] 33 | 2006-03-31 13:53:09
    　　代码如下：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><metaname="GENERATOR"content="MicrosoftFrontPage4.0"><metaname="ProgId"conte...

    [阅读全文]

  • 解决未知尺寸的图片撑破页面的问题 [内容预览] 28 | 2006-03-31 13:53:07
    保证原图片长高比例,且不超过最大高度或宽度functioninitimg(parpic,maxwidth,maxheight){varscale=maxwidth/maxheight;varrealscale=parpic.width/parpic.height;if((parpic.width>maxwidth)||...

    [阅读全文]

  • 身份证号码15位转18位时最后一位的算法[JavaScript] [内容预览] 74 | 2006-03-31 13:53:01
    <SCRIPTLANGUAGE="JavaScript"><!--varlastNumber;varid="15位身份证号码"//15位身份证号码vargetNum=eval(id.charAt(0)*7+id.charAt(1)*9+id.charAt(2)*10+id.charAt(3)*5+id.charAt(4...

    [阅读全文]

  • 使用JS判断checkbox是否至少有选择一项 [内容预览] 39 | 2006-03-31 13:52:42
    我们知道，如果在asp，只要response.writerequest.form("checkboxName")就可以判断是否有选择至少一项，但是必须递交后才可以这样做，那么就要接触脚本语言js,vbs假设我们有个checkbox叫optHSCameratyp，我们写个函数来判断functionchkCheckBoxC...

    [阅读全文]

  • setTimeout 和 setInterval 的区别 [内容预览] 41 | 2006-03-31 13:52:37
    　　window对象有两个主要的定时方法，分别是setTimeout和setInteval他们的语法基本上相同，但是完成的功能取有区别。　　setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。　　setInterval方法则是表示间隔一定时间反复执行某操作。　　如果用setTimeout实现s...

    [阅读全文]

  • [图文] 怎么改善现有网站为xhtml+CSS [内容预览] 31 | 2006-03-31 13:52:35
    我们大部分的设计师依旧在采用传统的表格布局、表现与结构混杂在一起的方式来建立网站。学习使用XHTML+CSS的方法需要一个过程，使现有网站符合网站标准也不可能一步到位。最好的方法是循序渐进，分阶段来逐步达到完全符合网站标准的目标。如果你是新手，或者对代码不是很熟悉，也可以采用遵循标准的编辑工具，例如Dreamweave...

    [阅读全文]

  • robots.txt和Robots META标签 [内容预览] 33 | 2006-03-31 13:52:33
    我们知道，搜索引擎都有自己的“搜索机器人”（ROBOTS），并通过这些ROBOTS在网络上沿着网页上的链接（一般是http和src链接）不断抓取资料建立自己的数据库。对于网站管理者和内容提供者来说，有时候会有一些站点内容，不希望被ROBOTS抓取而公开。为了解决这个问题，ROBOTS开发界提供了两个办法：一个是robo...

    [阅读全文]

  • automation服务器不能创建对象 [内容预览] 56 | 2006-03-31 13:52:32
    【现象】准备新建一个项目，却发生一件奇怪的事情，系统报告“automation服务器不能创建对象”错误。然后在解决方案中只见项目名，而不见项目文件了。真是奇怪。再尝试打开已有项目，却一切正常。windows应用程序，控制台，或是Web应用程序，都无法建立。【解决方法】只需要运行：regsvr32scrrun.dll就可...

    [阅读全文]

  • Email地址在网页中的保护 [内容预览] 31 | 2006-03-31 13:52:30
    　　一般在站点制作中，总难免需要在网页中输入联系的Email。但不知，这样就给那些所谓的网络商家有机可乘，他们会使用软件或者程序进行搜索，然后将你的Email地址放入他们的联系库中，以后就会无休无止的垃圾邮件“光临”你的邮箱，实在让人头痛，Juven也痛苦不堪呀。　　这次我们来介绍一种方法，就是使用javascript...

    [阅读全文]

  • 为你的网页做出电影的过场效果 [内容预览] 19 | 2006-03-31 13:52:27
    　　只要有IE4.0以后版本的浏览器就可以用这种让人目瞪口呆的特效，使别人进入和退出你的网页时能看到这种戏剧化的效果。　　第一步　　把以下的HTML程式码复制以后贴到你网页上的<HEAD>标签里：<METAhttp-equiv="Page-Enter"content="revealTrans(Transition=23...

    [阅读全文]

  • [组图] 网页设计:一种细腻的导航效果的制作方法 [内容预览] 26 | 2006-03-31 13:52:24
    　　一般的导航效果大家都很熟悉了，例如用CSS给导航文本设置上、下划线、背景颜色或位移等。前面的帖子中有网友提到http://www.tonta.com.cn/这个网站，偶发现其首页中的导航效果不错，虽然flash做的没有很眩的效果，但是比较细腻，看上去很舒服。　　闲来无事，尝试在dw中实现同样的导航效果。　　首先分析...

    [阅读全文]

  • [图文] 网页设计中Html使用中的一些问题 [内容预览] 20 | 2006-03-31 13:52:21
    1.网页背景色的设置犯错机率：很大普遍性：较广犯错可能性：懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Email通知了他们，自此之后这个问题我从没犯过。绝大部分人的窗口背景颜色都是白色，但如果象我这样个性的人，就会把windows窗口的背景颜色改成灰色或其他色，这样一来，如果你没有设置网...

    [阅读全文]

  • [组图] 网页制作:活用工具之网页加密大法 [内容预览] 28 | 2006-03-31 13:52:12
    　　（Juven语：其实这篇不应该放在html栏目中的，但发现这篇介绍的还非常有价值，特此放置在此了。）　　我们辛辛苦苦做出来的网页，别人只需要简单的复制和粘贴就可以据为己有，更有甚者，在你的作品中加入自己的版权。这种令人愤怒且沮丧的事情，相信做网页设计的朋友都经历过。难道就这样放任某些不劳而获的人继续窃取你的劳动成果...

    [阅读全文]

  • 网页制作中隐藏域的妙用 [内容预览] 20 | 2006-03-31 13:52:08
    　　在网页制作中,我们知道有一个input="hidden"的属性，顾名思义它就是隐藏在网页中的的一个元素，并不在网页中显示出来。　　那么它的作用是什么呢．作过cgi，asp，php，jsp等的朋友都知道有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用...

    [阅读全文]

 HTML DIV+CSS   1012   30   4/34页      1   2   3   4   5         GO