文章分类 -  代码

代码
摘要:值得收藏的一些ASP代码 原文地址:http://publishblog.blogdriver.com/blog/tb.b? diaryID=983886 值得收藏的一些ASP代码 1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标 右键 no 可用于 Table 2. 取消选取、防止复制 阅读全文
posted @ 2009-09-20 20:06 猫子 阅读(114) 评论(0) 推荐(0)
摘要:HTML 的注释格式是 , IE 对HTML注释做了一些扩展,使之可以支持条件判断表达式:当表达式expression 为True 的时候,显示 HTML 内容。代码<!--[if IE 5]> <p>Welcome to Internet Explorer 5.</p> <![endif]-->和编程语言类似,这里的表达式还支持大于(gt)、小于(... 阅读全文
posted @ 2009-08-16 10:52 猫子 阅读(287) 评论(0) 推荐(0)
摘要:  近来大家总是在标准上争论不休,其实,这些问题一些相关文章已经说得很明白了。   以下我就谈谈我的看法。本帖子有太多的“我认为”,说明了我只是想把我的想法拿出来跟大家商榷,或许有太多不对的地方,也请大家一一指出。   1、我对web标准的理解   所谓的web标准,在一些教程文章上已经得到结论:结构化标准(XHTML、XML)、表现标准(CSS、XSLT?)、行为标准(DOM、ECMAScript)。这些东西在网上一搜一大把,在这里我就不多说了。我只说我自己的想法: 阅读全文
posted @ 2008-12-12 16:21 猫子 阅读(180) 评论(0) 推荐(0)
摘要:优先原则一:文本从上到下,后出现的样式优先于前面出现的同一样式 例: 测试1 结果:所有浏览器均yellow色,注意:与class=”” 引号内的顺序无关,只看.def1和.def2在声明时的顺序,.def2后声明的所以权重高。 阅读全文
posted @ 2008-12-12 11:13 猫子 阅读(731) 评论(0) 推荐(0)
摘要:这是div+css布局中经常会碰到的基础问题,个人觉得采用背景图填充的方法,还是比较简单和切实可行的。最终效果。 阅读全文
posted @ 2008-12-11 17:47 猫子 阅读(162) 评论(0) 推荐(0)
摘要:页面布局   用CSS 来布局很容易。如果你已经习惯用表格布局的话,起先会感觉比较困难。其实不难,只不过动机不同,并且在实践中更有意义。   你可以把这一页面的各个部分当作独立的版块来看待,无论你选择哪一块。你可以绝对或相对地用彼块取代此块。 阅读全文
posted @ 2008-12-11 17:41 猫子 阅读(154) 评论(0) 推荐(0)
摘要:  DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。   用DIV进行排版的优势就是我不说,大家应该都比较清楚。DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做。 阅读全文
posted @ 2008-12-11 17:34 猫子 阅读(650) 评论(0) 推荐(0)
摘要:做网站的时候经常会遇到表单的排版,比如注册表单之类。下图是4种比较常用的表单格式。 阅读全文
posted @ 2008-12-11 17:11 猫子 阅读(1130) 评论(0) 推荐(0)
摘要:程序代码如下: 符合标准的正常工作的对联广告 阅读全文
posted @ 2008-12-11 17:08 猫子 阅读(149) 评论(0) 推荐(0)
摘要:大家都知道,web标准在中国传播初期,人们使用“div+css”描述web标准,似乎有点道理,根据国内网页设计师的编码水平,看似就是使用div配合css来替代table布局。 可是学过一段时间web标准的人士,都知道这是误解,那么有人提出,摒弃div+css的说法,提倡XHTML+CSS的说法,因为要使用两门语言来架构网页,但是这种称呼也不准确,不完整,因为只提到了XHTML1.0标准和CSS2.0(CSS2.1)规范。 阅读全文
posted @ 2008-12-11 16:08 猫子 阅读(120) 评论(0) 推荐(0)
摘要:由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,就需要统一class与id的名称,前天花了一点时间,按照大多人的习惯,制定了下面的常用关键字: 阅读全文
posted @ 2008-12-11 15:48 猫子 阅读(141) 评论(0) 推荐(0)
摘要:一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法结见附》,这里就不展开描述。 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如: width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单 位之间加空格。 阅读全文
posted @ 2008-12-11 15:46 猫子 阅读(176) 评论(0) 推荐(0)
摘要:区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue; 阅读全文
posted @ 2008-12-11 11:32 猫子 阅读(172) 评论(0) 推荐(0)
摘要:什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。   这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。   这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。   CSS Hack的原理是什么   由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 阅读全文
posted @ 2008-12-11 11:26 猫子 阅读(200) 评论(0) 推荐(0)
摘要:匈牙利命名法是一种编程时的命名规范。基本原则是:变量名=属性+类型+对象描述,其中每一对象的名称都要求有明确含义,可以取对象名字全称或名字的一部分。命名要基于容易记忆容易理解的原则。保证名字的连贯性是非常重要的。 举例来说,表单的名称为form,那么在匈牙利命名法中可以简写为frm,则当表单变量名称为Switchboard时,变量全称应该为frmSwitchboard。这样可以很容易从变量名看出Switchboard是一个表单,同样,如果此变量类型为标签,那么就应命名成lblSwitchboard。可以看出,匈牙利命名法非常便于记忆,而且使变量名非常清晰易懂,这样,增强了代码的可读性,方便各程序员之间相互交流代码。 这种命名技术是由一位能干的Microsoft程序员查尔斯·西蒙尼(Charles Simonyi) 提出的,他出生在匈牙利。在 Microsoft 公司中和他一起工作的人被教会使用这种约定。这对他们来说一切都很正常。但对那些 Simonyi 领导的项目组之外的人来说却感到很奇特,他们认为这是死板的表达方式,甚至说带有这样奇怪的外观是因为它是用匈牙利文写的。从 阅读全文
posted @ 2008-12-02 09:49 猫子 阅读(156) 评论(0) 推荐(0)
摘要:  今天我们共同学习一款“图文混排CSS列表”的制作。首先从分析一下此列表的特点,然后编写HTML代码,最终应用CSS样式实现最终的效果。 列表的效果如图所示: 最顶部是栏目名称“我爱CSS 52CSS.com ”与栏目导航“CSS酷站欣赏 DivCSS教程 CSS模板下载”。栏目名称用标题元素Hx来表示,栏目导航可以用ul+li的无序列表。   下部的三个链接区域形式基本雷同,左侧是图片链接,右侧是文章列表元素。将左侧的图片与文字看成是一个段落,用p标签来表示,右侧的文章列表用ul+li的无序列表。 阅读全文
posted @ 2008-12-01 16:58 猫子 阅读(399) 评论(0) 推荐(0)
摘要:  最顶部的是栏目的名称我爱52css与更多,然后下面分两个块,一块显示缩略图片,另一块显示文字连接,这两个部分都可以通过ul+li来实现。有了上面的分析开始下面的HTML编码:   将所有的元素放入id为wrap的层中,设置它的边框颜色为#e5f2f8,这是为了让他看起来有阴影的效果, 然后再他的内部建立一个层list,在list的内部建立三个层,分别是: list_title list_pic list_text   下面开始具体深入的编写HTML代码 阅读全文
posted @ 2008-12-01 16:49 猫子 阅读(234) 评论(0) 推荐(0)
摘要:  我们开始编写HTML代码,首先是“我爱CSS-Web标准化 www.52CSS.com”的标题,我们应用h3标签来表现它。 我爱CSS-Web标准化 www.52CSS.com   紧接着是一个无序列表UL。用来置图片和文字列表的内容。我们思考以何种形式来处理单一元素呢。其中的每一个元素,都有三个内容组成:图片,文字标题和价格。我们将三者都放入于a标签中,在鼠标移上去时,均可以点击。而a元素置入于li标签中即可。如下面的代码所示。 阅读全文
posted @ 2008-12-01 16:42 猫子 阅读(257) 评论(0) 推荐(0)
摘要:今天我们向大家介绍,无序列表ul在IE6、IE7中下边距出现问题的bug,或许您在进行CSS布局开发时已经遇到了这样的苦恼。   在大多数时候,无序列表内的列表项li都是固定的。比如,有六个,八个,十个。因而我们可以轻松的定义ul的宽度和高度。而在一些交互性很强的网站中,无序列表ul内的列表项li是不固定个数的。因而我们不能定义ul的高度,需要让它自适应li的个数,随着功能与内容的需要,随时动态的调整它的大小。在这样的情况下,本实例所要讲述的bug就要出现了。   看下面的图片   这是一个由六个列表项li组成的无序列表,而li的数量可能有所增加或减少,因而我们不能定义ul的高度,按照正常的思路,我们定义ul的上侧与左侧的内边距,再定义li右侧与下侧的外边距,实现等边距的效果。思路如下图所示。 阅读全文
posted @ 2008-12-01 16:27 猫子 阅读(237) 评论(0) 推荐(0)
摘要:  很多CSSer在学习之初,更加看重的是CSS知识以及CSS编码技巧,需要更加注重HTML文档的学习与研究,其实52CSS.com也一直强调HTML文档的语义和结构。这是CSS网页布局的基础。下面我们学习一下关于这方面的知识。通常有两种情况阻碍你的学习:   第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。   另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、hspace、align=”left”等等)束手无策,不知道该转换成对 应的什么CSS语句。 当你解决了第一种问题,知道了如何结构化你的HTML,我再给出一个列表,详细列出原来的表现属性用什么CSS来代替。   结构化HTML   我们在刚学习网页制作时,总是先考虑怎么设计,考虑那些图片、字体、颜色、以及布局方案。然后我们用Photoshop或者Fireworks画出来、切割成小图。最后再通过编辑HTML将所有设计还原表现在页面上。   如果你希望你的 阅读全文
posted @ 2008-12-01 16:10 猫子 阅读(137) 评论(0) 推荐(0)