
网页代码笔记
xcntime
看雪
展开
-
[转载]什么是高手及其它?
作者:Azy 来源:Kernel Pollution 什么是高手?我曾经很虔诚地试图去找这个问题的答案。经过几年的思考,我终于没能悟出来。不过后来,老天估计是不想让我对我自己的智商感到绝望,点拨了我一下。于是借着这个灵感,我悟出一个感性的定义:在某一领域有一定经验,并善于独立创造难题和解决难题的人可谓之高手矣。 当然,这里仅讨论技术范畴里面的高手定义。 其实这个定义可以简单地转载 2008-12-24 19:41:00 · 1291 阅读 · 1 评论 -
[经典]9个最常见IE的Bug及其fix
9个最常见IE的Bug及其fix2009年11月17日2,208 次点击阅读评论发表评论<br /><br />Internet Explorer – Web程序员的毒药。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗,让你的开发生产率严重下降。下面是一个教程,告诉你9个IE上最常见的BUG以及如何解决它们。1. 居中布局<br />创建一个CSS定义把一个元素放到中间的位置,可能是每一个Web开发人员都会做的事情。最简单的做法是为你的元素增加一个margin: auto; ,然而 IE转载 2010-08-02 16:34:00 · 1096 阅读 · 0 评论 -
[CSS]CSS:类目之间的竖线问题
现在就来说个淘宝首页上的一个小技巧。 1、类目之间的横竖线 从很久很久以前开始,类目间的竖线无非都只有三种。 1、背景图 在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。 缺点:最后一个还是要用class来隐藏掉背景。 2、符号 在每个a标签之间用”|”符号来填充。 缺点:html文件变大,文件维护变得很麻烦,而且在html中毫无意义。 3、a标签右侧的boder。 同背景图一样,只不过使用border-right来代替。缺点也同上。 看到这里,可能已转载 2010-08-02 23:18:00 · 1691 阅读 · 0 评论 -
[经典]IE下的调试工具IE WebDeveloper
IE下的调试工具IE WebDeveloper发表于 2010年08月11日 0:58分类: 转贴的文章统计: 0评/0阅(修改 | 删除)关键字:Firebug , IE , debugIE下的调试工具IE WebDeveloper<br />由 愚人码头 撰写http://www.css88.com/archives/967<br />IE WebDeveloper可以让你检查和编辑你的HTML DOM, 显示错误信息, 日志信息, 显示网站源代码, 监视DHTML事件和HTTP流量. 如果你是一个开发转载 2010-08-11 01:01:00 · 934 阅读 · 0 评论 -
二次比拼 三款主流浏览器谁是王者?
和操作系统一样,人们讨论浏览器时的热情也是那么高涨,这是一个如此容易让人激动起来的话题,因此你可以猜想到,当我们的三款主流浏览器对比的文章发布后,会引起多少朋友的支持或者反对,有很多Opera和Firefox的支持者告诉我们“你们的评测不公平”。 在我们得到的反馈意见中,只有很少人支持微软,而这些人则主要来自IT行业,他们认为IE可以支持大多数Web应用程序和交互式站点。我们经常看到很多网站转载 2012-07-01 09:28:51 · 1382 阅读 · 0 评论 -
网页在IE6中不能打印之谜
遇到一个很奇怪的现象,在给页面添加“打印”按钮时,发现网页在IE6下居然不能打印,弹出一个对话框,遇到脚本错误。查看错误详细:定位到 url:res://C:\WINDOWS\system32\shdoclc.dll/preview.dlg ,而这个文件正是IE6 的打印功能模块。经测试,网页在IE7和Firefox浏览器打印和打印预览都正常,唯独IE6出错,再试试其它页面,主页、栏目转载 2012-07-01 08:48:20 · 3367 阅读 · 0 评论 -
浏览器兼容性测试工具介绍
随着IE8的上线。。很多网页设计者都急切询问IE8绿色版出来了没有,可以说目前是没有。。不过有两个很好的工具可以替代IE8绿色版,也基本上可以满足大家的测试需求。 第一个是IETester: 介绍:IETester v0.2.3 (自带中文包)下载 官方下载:http://www.my-debugbar.com/wiki/IETester/HomePage 第二个是转载 2012-07-01 07:58:06 · 659 阅读 · 0 评论 -
php100视频教程下载(全集),下载地址链接(整理后包涵解压密码)
php100视频教程下载(全集),下载地址链接(整理后包涵解压密码)php100视频原始地址列表整理:教程名称 、 1:环境配置与代码调试 2:PHP的数据类型与源码调试 3:常用PHP运算类型介绍与应用转载 2013-10-09 16:59:28 · 3424 阅读 · 0 评论 -
23种PHP开发工具集合
在本文中, 我们将对23种PHP IDE 进行介绍。其中不凡大公司开发的精品,也有一些不是很知名的。广聚一堂,方便兄弟们对比挑选。以下是一个简单的快速对比表格,从功能、价格、框架/CMS支持上作了一个小节。转载请注明来源http://blog.csdn.net/uuleaf/article/details/7677096备注:原文中的phpside由于已经倒闭,译者转载 2013-10-28 11:38:27 · 3959 阅读 · 0 评论 -
[CSS]说说CSS Hack 和向后兼容
说说CSS Hack 和向后兼容标签:css, css hack, 向后兼容Design人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解决的规范之一。在解决兼容方法转载 2010-08-02 23:20:00 · 588 阅读 · 0 评论 -
[CSS]详解display:inline | block |inline-block的区别
[CSS]详解display:inline | block |inline-block的区别【点评网站】【发布新闻】【申请专栏】【文章招领】www.8tops.com 2007-5-18 9:59:47发布:郭文<br />媒体:原创 作者:郭文<br />display:inline就是将元素显示为块级元素. <br />block元素的特点是:<br />总是在新行上开始;<br />高度,行高以及顶和底边距都可控制;<br />宽度缺省是它的容器的100%,除非设定一个宽度<br /><div>转载 2010-08-02 20:29:00 · 1083 阅读 · 0 评论 -
[经典]跨浏览器兼容测试8大利器
跨浏览器兼容测试8大利器(2010-06-17 18:05:24)转载标签:杂谈分类:网页技巧<br />仅仅是一年前,跨浏览器兼容测试还不是一件容易事,市面上的测试工具都有一些缺陷,要么太贵,要么功能有限,要么很难用。最近我们终于看到了一些新的工具出现,其中的一些可谓十分出色。本文精选8种最新的跨浏览器测试工具,这7款简单的工具让你的工作变得十分容易,而且它们完全免费。<br /><br />#1 — Xenocode Browser Sandbox<br /><br />Xenocode Browser转载 2010-08-02 16:54:00 · 1046 阅读 · 0 评论 -
HTML标签简介---实例解析 [打印版]
静态结构标题..........文件内容..........1. 文件标题..........2. 文件更新--2.i 10秒后自动更新一次2.ii 10秒後自动连结到另一文件;URL=欲连结文件之URL">3. 查询用表单-- 若欲设定查转载 2009-04-24 18:54:00 · 1732 阅读 · 0 评论 -
Dreamweaver CS4 文件关联 的重置
最近在进行Web开发,期间遇到个问题:Dreamweaver CS4 在初始安装的时候,会弹出个如下的对话框,想必大家都很熟悉了,在这里大家可以很方便地设置Dreamweaver CS4 所关联的文件格式(比如:html,php,asp,jsp),相当的方便。然而,我们遇到的一个问题是:在Dreamweaver CS4 安装完成后,DW没有提供一种方便的方式来管理其自身的文件关联格式!囧。 那原创 2010-04-04 22:20:00 · 4566 阅读 · 5 评论 -
我的HTML Tidy 配置
HTML Tidy Configuration Options 我们现在的网站大部分都是HTML的,如果希望将它们标准化,手工的一页一页修改非常麻烦。如果有一个工具能自动将HTML转换成符合标准的XHTML就好了。其实在这方面已经有许多商业和免费的工具软件可以使用,这里将要介绍的HTML Tidy 就是一个很基本但很有用的工具,它可以运行在多种平台上,而且是开放源代码的。 HTML原创 2010-05-08 14:15:00 · 1890 阅读 · 0 评论 -
CSS样式表命名规则
样式选择符命名选择符以类型分,同类放一起,类的定义顺序以HTML中实际的顺序为参考,以方便查找为主, 使用类似下面的规则:[模块前缀 | 类型 | 作用]_[名称]_[状态 | 位置]约定模块、类型、状态、位置等的所使用的单词或其缩写,保持上面的顺序,尽量保持在两到三个单词说清用途。 通用名词缩写设置set文本txt原创 2010-05-16 11:05:00 · 689 阅读 · 0 评论 -
完全自适应的单色或单线圆角框
完全自适应的单色或单线圆角框 先给大家看下最终的效果: 实现单色或者单线圆角框完全自适应,使用切下的图片的四角。切开的图片如下图所示: 接下来,看以实现的原理:首先采用水平自适应的方法,使左上、右上部分做到宽度自适应。用同样的方法,使左下、右下部分也可以自适应宽度,这就完成了水平自适应部分。然后在上下两部分的中间加入内容部分,使用背景和边线的方法衔接顶部和底部原创 2010-05-16 16:48:00 · 786 阅读 · 0 评论 -
Ajxa示例 - 读取服务器文件数据
下面是一个读取服务器数据的ajax示例,将下面的代码存到一html文件中,同一目录新建一message.txt文件,内容不为空,以看出效果,看到以下对话框,则测试成功。 message.txt内容:If you can read this, you have successfully requested a text file from the server. html源原创 2010-05-22 12:29:00 · 797 阅读 · 0 评论 -
Aptana studio 2.0 +aptana php plugin 1.1
I’ve just updated Aptana Studio from 1.5 to 2.0 only to find out that the spectacular Aptana PHP plugin is not longer supported and its installation has been removed from the Install Additional Featur转载 2010-05-28 21:31:00 · 1428 阅读 · 0 评论 -
[CSS]IE6/IE7/IE8/FF 的css部份技巧
1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 3.浮动ie产生的双倍距离#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况转载 2010-08-02 16:04:00 · 569 阅读 · 0 评论 -
[CSS]On having layout [关于IE6 CSS的hasLayOut问题]
计,前端制作,策划出处:http://old9.blogsome.com/2006/04/11/onhavinglayout译者注:一篇很好的文章,很久以前在blog上就推荐过,这两天断断续续花了点时间翻译了一下,推荐读读。英文原文在此。http://www.satzansatz.de/cssd/onhavinglayout.htm文中所有的 layout 这个单词都未作翻译,一来本身这个单词意思就比较多,翻成啥都觉得别扭,二来它也是专有的属性,所以就意会一下吧。水平有限,很多地方都是模模糊糊地意译,发现错转载 2010-08-02 22:06:00 · 960 阅读 · 0 评论 -
[CSS]打败 IE 的葵花宝典:CSS Bug Table
打败 IE 的葵花宝典:CSS Bug Table标签:css, haslayout, IEFeatured, 资源共享<br />原文发表于:Alipay UED Blog – 打败 IE 的葵花宝典:CSS Bug Table<br />作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Geck转载 2010-08-02 23:22:00 · 687 阅读 · 0 评论 -
[CSS]段正淳的css笔记
2007/12/12 11:47试想过总结出这几年来写css与xhtml的经验 ,汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高,真是有点力不从心了。于是转念一想,可以用笔记的形式展现,这样就不用担心写不出来了。现在就来说个淘宝首页上的一个小技巧。类目之间的横竖线从很久很久以前开始,类目间的竖线无非都只有三种。背景图在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。缺点:最后一个还是要用class来隐藏掉背景。 符号在每个a标签之间用”|”符号来填充。缺点:html文件变转载 2010-08-02 16:10:00 · 826 阅读 · 0 评论 -
[CSS] 编写跨浏览器兼容的 CSS 代码的金科玉律
编写跨浏览器兼容的 CSS 代码的金科玉律 作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要 ,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。理解 CSS 盒子模型如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码,透彻地理解 CSS 盒子模型是首要事情,CSS 盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下转载 2010-08-02 16:16:00 · 527 阅读 · 0 评论 -
RFC、RPC区别及解释
RFC、RPC区别及解释<br />http://kevinpeng.javaeye.com/blog/687657<br />文章分类:Web前端RFC是request for comment的缩写,是由IETF管理,实际上就是Internet有关服务的一些标准。所有关于Internet的正式标准都以文档出版,但 不是所有的RFC都是正式的标准,很多RFC的目的只是为了提供信息。RFC每一篇都用一个数字来标识,如RFC2401 ,数字越大说明RFC 的内容越新。RFC是免费公开的,任何人都可以写RFC并提转载 2014-12-21 14:04:51 · 5990 阅读 · 0 评论