木子屋 Dnawo's BLOG

分类:HTML/CSS

共 133 篇

细说HTML元素的ID和Name属性的区别

可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。 上周我也遇到了ID和Name的问题,在页面里输入了一个input type="hidden",只写了一个ID='SliceInfo',赋值后submit,在后台用Request.Params却怎么也去不到值。后来恍然大悟因该用Name来标示,于是在input里加了个Name='SliceInfo',就一切ok了。 第一段里对于ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity。而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完全由ID来代替,从而将其取消掉。具体用途有:…

如何在 Internet Explorer 中使用授权的 ActiveX 控件

概要 如果在未授权使用某个 ActiveX 控件的计算机上使用该控件,则该控件无法在 Internet Explorer HTML 页中正确加载。例如,如果您使用 Microsoft Visual C++ 构建控件,那么带有该控件的 HTML 页可以顺利加载到构建该控件的计算机上,但无法加载到另一台计算机上。 要在未授权的计算机上使用 HTML 页中的授权控件,必须生成一个许可协议包 (.lpk) 文件。.lpk 文件为 HTML 页中的授权控件提供运行时许可证。您可以使用许可协议包创作工具 (Lpk_tool.exe) 生成此文件。要获取许可协议包创作工具,请访问下面的 Microsoft 网站:…

样式表:链接,还是嵌入?

CSS样式表,是使用来调用单独的文件好呢,还是直接用...嵌入页面内部好呢?或者说究竟这两种方法该怎么使用呢? 在阿捷的w3cn中,他说: 在以前,我们通常采用2种方法使用样式表: 页面内嵌法:就是将样式表直接写在页面代码的head区。类似这样: 外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。 在符合web标准的设计中,我们使用外部调用法,好处不言而喻,你可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。 可见阿捷是十分推崇用的。补充一下阿捷的话,使用的好处不单单是修改起样式表很方便,而且会使用户的浏览速度加快。用户第一次打开链接了样式表的页面后,样式表会自动下载到本地缓存当中。当用户再打开另一个页面,而这个页面如果也链接了同样的样式表的时候,会从缓存中读取相关的文件,这样就会加快浏览的速度。…

如何隐藏网页的滚动条

解决思路: 在上个问题中我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤: 方法一:设置CSS属性overflow为hidden。 方法二:设置body元素的scroll属性为no。 注意: 建议用方法一隐藏滚动条,用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示,而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上,用方法二隐藏demo.htm页滚动条后,控制页面滚动的功能将失效。…

网站建设之邮件发送形式

先申明哦,这里所说的邮件发送形式是最原始的邮件发送形式,并不是与ASP之类的语言或者组件结合在一起的邮件发送,而且最重要的一点就是这种方法的邮件发送形式需要网页的访问者在本地的电脑中有相应的邮件发送程序(如outlook、foxmail等),并配置正确。这种方法是最原始,现在我提这个主要是因为前一段时间有位朋友问我相关的问题,我呢也因为最近比较忙,也没有整理BLOG中的内容,所以今天就抽空简单地跟大家聊一下最原始的邮件发送 mailto 的两个使用方法吧。当然啦,如果你有更好的方法也可以留个话跟大家聊聊哦! 方法一:直接在链接中发送邮件 这里发送邮件 这种方法是最简单也是在网页中最常用到的,在这种方法上发送的邮件只有邮件地址, 内容跟标题是空白的,那么我们想把内容跟标题也加上自己的东西就需要用到subject跟body了。…

css元素定位

1. position:static|无定位 position:static是所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位 example: #div-1 { position:static; } 2. position:relative|相对定位 使用position:relative,就需要top,bottom,left,right4个属性来配合,确定元素的位置。 如果要让div-1层向下移动20px,左移40px: example: #div-1 { position:relative; top:20px; left:40px; } 如果用到相对定位,紧随他的层divafter是不会出现在div-1的下方,而是和div-1在同一个高度出现。可见, position:relative;并不是很好用。…

背景渐变

1.颜色渐变 2.背景图渐变 3.表格颜色渐变

刷新后不变的文本框

<HTML> <HEAD> <META NAME="save" CONTENT="history"> <STYLE> .sHistory {behavior:url(#default#savehistory);} </STYLE> </HEAD> <BODY> <INPUT class=sHistory type=text id=oPersistInput> </BODY> </HTML>…

容易控制的一个选项卡

<style type="text/css"> body{font-size:12px;line-height:150%;} table{font-size:12px;line-height:150%;} a:link {color:#000; text-decoration:none} a:visited {color:#000; text-decoration:none} a:active {color:#000; text-decoration:none} a:hover {color:#ff0000; text-decoration:underline} .…

Div+CSS布局入门教程

第一节:页面布局与规划 在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。 下面,我们需要根据构思图来规划一下页面的布局,仔细分析一下该图,我们不难发现,图片大致分为以下几个部分:   1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片;…