- 博客(47)
- 收藏
- 关注
转载 CSS 命名规范
XHTML-CSS写作建议所有的xhtml代码小写属性的值一定要用双引号("")括起来,且一定要有值每个标签都要有开始和结束,且要有正确的层次空元素要有结束的tag或于开始的tag后加上"/"表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等<h1>到<h5>的定义,应遵循从大到小的原...
2012-03-21 10:20:00 154
转载 WAMP配置与单IP多域名功能设置
WAMPServer 安装1、首先从WAMP站点上下载WAMP安装包。http://www.wampserver.com/en/download.php2、下载完成后,进行安装。安装路径可以自由选择。(我选择的是E盘,所以目录为:E:\wamp;默认页面文件目录为:E:\wamp\www)3、安装完成后启动WAMPServer,右击托盘图标,所择chinese,即可设置成我们...
2011-12-27 23:10:00 243
转载 给定时器settimeout、setInterval调用传递参数
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。例如对于函数hello(_name),它用于针对用户名显示欢迎信息:var userName="jack";//根据用户名显示欢迎信息function hello(_name){ alert("hello...
2011-12-06 17:57:00 286
转载 IE的 hasLayout
hasLayout概述Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout"得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为"尺寸臭虫(dimensional bugs)",意思是这些臭虫可以通过赋予相应元素某个宽度或高度解决。“Layout"是一个 Internet Explorer for Windows...
2011-11-29 23:04:00 121
转载 XHTML MP 常用的 Meta 信息
你可以用 <meta/> 标签为你的 XHTML MP 文件指定一些常用的 meta 信息. <meta/> 标签应当被包含在 <head></head> 标签之间. WAP 浏览器会忽略它不能理解的 meta 信息. 你可以在一个 XHTML MP 文件中指定任何种类的 meta 信息而不影响页面的显示效果.例如, 你或许想在你的 X...
2011-11-29 22:59:00 154
转载 viewport的meta标签 <meta name="viewport" content="
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">...
2011-11-29 22:47:00 223
转载 前端开发分工安排
转自adang编写高质量的代码。分工安排主要包含以下内容:1.公共组件(包括common.css 和 common.js) 一人维护,各子频道专人负责,每个频道正常情况下由一人负责,要详细写明注释,如果多人合作,维护的人员注意添加注释信息。2.视觉设计师设计完设计图后,先后交互设计师沟通,确定设计可行,然后先将设计图给公共组件维护者,看设计图是否需要提取公共组件,然后再提交给相应频道...
2011-08-16 11:38:00 1986
转载 UTF-8不能自动选择字符编码(iframe),页面输出空白
同事调试页面的时候发现如果IE没有选择自动编码,那么utf-8的有些页面会在IE下显示空白,即使你习惯性的加入了:<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />产生原因:utf-8用3个字节表示一个汉字,而普通的gb2312或big5是2个。而恰巧IE在解析网页编码时以HTML...
2011-08-16 11:32:00 164
转载 A-Grade是什么?
A级浏览器A-Grade browsers是YUI对浏览器的一个等级划分。英文“A-Grade”的,看这里http://developer.yahoo.com/yui/articles/gbs/index.html。A级浏览器是完整支持并测试过的,所有的Yahoo应用程序都要保证能在这些浏览器上工作。X浏览器是Yahoo已知的A级浏览器,但尚未有能力对其充分测试,或一...
2011-08-16 11:27:00 751
转载 css文件中的unicode参照表
unicode你懂的。js,flash中用的是以"\u"开始的unicode,css中则是以"\"开始的。中文名英文名UnicodeUnicode 2Mac OS华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文细黑华文黑体STHeiti\534E\6587\9ED1\4F5...
2011-08-16 11:19:00 123
转载 你是一个职业的页面重构者吗?
这段时间常给来面试的同学用《你是一个职业的页面重构工作者吗?》中三个部分的不同阶段去做自测,发现很多人都自我感觉良好,给我的回答基本都是比较高的,只不过实际上提交的面试题所反应出来的并没有那么高。我总结了下,主要有3点:1、对自己的能力没有足够的了解,没有实事求是的认清自己2、存在侥幸的心理,希望以较高的答案赢得面试的机会3、对文章里每一点的理解存在偏差简...
2011-08-14 15:48:00 114
转载 在中国,消灭IE6靠谁?
先看一下这张图!真的是很可悲!在中国消灭IE6靠谁呢??1、XP系统盗版商。2、制作Ghost系统盘网友!说明:盗版商在制作盗版XP系统前或网友在制作Ghost版系统前,先升级IE浏览器即可。在中国,大部份网民基本就不懂得什么是浏览器,让他们自己升级IE,那是不可能的事情;让他们用firefox或chrome更不可能的事情。他们的系统要么是电脑城装机时装上的,要么...
2011-07-13 14:26:00 83
转载 ie6下的背景图片缓存问题
IE6下CSS背景图片闪烁的Bug(ie6下的背景图片缓存问题)IE6下的背景图片每次使用都会重新发送请求(非本地),连一个hover效果时候同样的背景图片仅仅位置不同而已,ie6都会再次发送请求,这个令人崩溃的事情需要解决掉:对于ie来说,filter:expression 很强大,能够实现的功能超级多,但是更对于视效率如生命的程序员来说,它的效率不敢令人恭维,所以有人会用css方...
2011-07-13 11:50:00 115
转载 IE(IE6/IE7/IE8)支持HTML5标签
让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 方式一:引用google的html5.js文件,代码内容可以自己下载下来看。 &l...
2011-07-13 10:57:00 109
转载 Web移动应用:HTML5,CSS和JavaScript
移动设备的广泛使用,使许多传统开发者很无奈。一个企业真的既需要一个Web站点又需要一个移动应用程序吗?本文讨论了HTML 5的可移植性以及为什么在所有的移动平台上都可以良好运行的HTML5,CSS和JavaScript应用程序才是未来的趋势。许多开发者已经得出了结论:他们需要把注意力集中在特定的移动平台上——例如iPhone,Windows7或Android。而其他人开始意识到有许多...
2011-07-07 15:56:00 196
转载 media query(媒体查询)和media type(媒体类型)
media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一。随着移动互联网的发展,media query开始得到大家的重视。media type让我们先了解一下media type,其实这个大家...
2011-07-06 15:00:00 406
转载 IE浏览器私有CSS属性
background-position-x(设置背景横向(x轴)位置)background-position-y:(设置背景纵向(y轴)位置)behavior(检索对象的DHTML行为)filter(设置对象滤镜)ime-mode(设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(I)layout-flow(设置内容的流动及方向)layout-grid...
2011-05-12 11:42:00 215
转载 发现绝对定位也可触发行内元素的layout
用text-indent隐藏文字时,在IE6下,发现背景图不见了!原因是给行内元素设置了display:inline-block;的原故。IE6下,display:inline-block只触发了layout,没有inline……改用display:block;肯定是没问题,如果某些特定需求下,block都不能解决时呢,再改用float也是个解决办法。最后还有一个绝招:就是用...
2011-05-09 15:50:00 100
转载 chrom浏览器设置不了小于12px的文字大小
Chrome下,设置小于12px字体,显示仍为12px,这个不知道算不算Chrome的BUG,有人说他是人家臣Chrome的人性化设置,因为小于12px的文字会比较难看得清楚,不过有时项目需要设置小于12px的文字大小。不去讨论是否是Chrome的BUG吧,先解决了问题再说!设置:-webkit-text-size-adjust:none;即可解决问题。有人建议在html...
2011-05-09 14:56:00 80
转载 火狐和chrome/safari和opera浏览器css属性
火狐和chrome/safari和opera浏览器css属性Mozilla/FireFox支持的css属性(包括标准和非标准)Mozilla/FireFox的扩展属性webkit/Safari支持的css属性(包括标准和非标准)webkit/Safari的扩展属性webkit/Safari的扩展属性中文资料Opera9.5的css支持表转载于:https:...
2011-04-20 15:36:00 467
转载 如何对网站CSS进行架构
如何对网站CSS进行架构by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=944一、写在前面的都是自己积累形成的一些东西,可能带有明显的个人印记。不是专业内容,不是权威指南,只是展示一点自己的观点,借此希望能与各位优秀的同行交流看法,见解。以得到进...
2011-03-18 13:06:00 137
转载 小屏幕移动设备网页设计注意事项
在过去,网站建设中有一种网页通常被称为WAP网站建设,或WAP站建设。原因是这类网页起源于一个叫WAP的无线协议。WAP能够运行于各种无线网络之上,如GSM、GPRS、CDMA等。WML是无线注标语言(Wireless Makeup language)的英文缩写。支持WAP技术的手机能浏览由WML描述的Internet内容。而如今的小屏幕移动设备,比如手机,都已经具备...
2011-03-09 10:51:00 142
转载 [转载]windows下配置Apache+PHP+MySQL绿色移动版
为了方便管理,先新建一个目录,我把他建在D盘下,新建文件夹Web,然后把Apache,PHP,MySQL全放进去。Apache下载地址http://httpd.apache.org/我下载的是Apache HTTP Server (httpd) 2.2.17...
2011-01-13 22:31:00 105
转载 [转载]js获取浏览器窗口大小、获取屏幕、浏览器、网页高度宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全...
2010-12-20 15:33:00 64
转载 主流浏览器性能评测
1. 评测的各浏览器版本:1) IE 72) IE83) IE 9 Beta4) Firefox 4.0 Beta 65) Firefox 3.6.106) Chrome 7.0.530.07) Opera 10.708) Safari 5.0...
2010-11-19 17:12:00 264
转载 [转]:first-letter和:first-line伪类
本以为IE 6基本不支持伪类的,不过今天看到:first-letter和:first-line也可在IE 6下使用,于是测试了下,却没看出效果。检查了半天原因,发现:first-letter只能作用于display: block的元素,而我测试的是span,默认为inline元素…此外,IE 6中还有个要注意的问题,由于这个伪类存在连接符,所以后面不能紧跟大括号和逗号等...
2010-11-16 11:18:00 199
转载 让IE支持position:fixed
由于IE6只支持CSS1,IE7对position:fixed的解释行为也不标准(不过可以无视),所以只能绕道解决了。看到很多都是用JavaScript实现的,其实就用CSS也能解决。如果不知道position:fixed的作用,你可以用Firefox之类的浏览器浏览下本论坛的页面,在载入时会有个loading框,而且即使使用滚动条,也仍然会垂直居中显示。详细描述如下:...
2010-11-16 10:41:00 155
转载 【转】常用到的JS 验证(包括例子)
有用吗?觉得有用就用吧!!////----------------Author Teng------------- //验证是否为空 function check_blank(obj, obj_name){ if(obj.value != ''){ return true; ...
2010-11-10 10:26:00 60
转载 每个人都有一个钟
人们平时都说,时间对于每个人来说都是平等的,你有一分钟,我就有一分钟,他也会有一分钟!你有一个小时,我就有一个小时,他也会有一个小时!但其实觉得并不是这样!而是我们每个人都个钟,这个钟时间也是不一样的!你的钟会走得快一点,你的时间会多点!我的钟走得更快一点,我的时间会比你更多点!而他的钟走得慢一点,他的时间比你,我都会少一点!在有限的时时里做好更多的事情,你的时间就永远比别人...
2010-10-29 16:29:00 81
转载 10条影响CSS渲染速度的写法与建议
作者:jdjia 来自:蓝色理想原文:http://www.zishu.cn/blogview.asp?logID=773最近很少写CSS了,以后也可能写的会很少了,所以还是想把自已的一些经验能和大家分享一下,希望能给大家一些帮助!这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。1、*{} #zishu *{} 尽量避开由于不同浏览器对...
2010-10-26 14:36:00 118
转载 IE6、IE7、IE8之IE多版本共存的几种方法
转载请标明出处:http://www.yaosansi.com原文:http://www.yaosansi.com/post/1370.html一、单独安装(相对繁琐,不推荐)使用IE6 Green、IE7 Standalone 及IE8 安装文件,分别安装各自的浏览器。安装顺序:1、IE6 Green 2、IE7 Standalone 3、IE8 beta2相...
2010-10-17 01:52:00 85
转载 高性能WEB开发 - 图片篇
一、缩小图片大小当图片很多的时候,减少图片大小是提高下载速度最直接的方法。1. 使用PNG8代替GIF(非动画图片),因为PNG8在效果一样的情况,图片大小比GIF要小。2. 用fireworks处理PNG图片,在我们产品中很多PNG图片是美工直接用photoshop导出的, 后来让美工用fireworks处理PNG(大概的方式是选择保存为PNG8,删除背景色)。 处理...
2010-10-12 11:30:00 72
转载 搜索引擎优化(SEO)注意事项[转载]
SEO最权威的定义为: 搜索引擎优化(search engine optimization,简称seo):指遵循搜索引擎的搜索原理,对网站结构、网页文字语言和站点间互动外交略等进行合理规划部署,以改善网站在搜索引擎的搜索表现,进而增加客户发现并访问网站的可能性的这样一个过程。搜索引擎优化也是一种科学的发展观和方法论,它随着搜索引擎的发展而发展, 同时也促进了搜索引擎的发展。...
2010-10-09 11:44:00 132
转载 css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用
FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法: filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 属性: enabled:可选项。布尔值(Boolean)。设置...
2010-10-09 11:27:00 140
转载 各浏览器的默认CSS
各浏览器的默认CSS。只要是由于今天解决了一个特殊的问题,依靠的就是看各浏览器的默认CSS,然后重置它,所以很多时候浏览器的默认css还是很有用的。各浏览器的默认CSS可以在这里http://www.iecss.com/找到,贪心一下,把这些样式都保存了一份:IE6(下载)IE7(下载)IE8(下载)IE9(下载)Firefox 3.6.3(下载)We...
2010-10-08 15:35:00 85
转载 对html与body的一些研究与理解
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=259一、写在前面的最近一直构思着写篇关于html标签的文章,虽说之前处理过html标签,也解决过不少棘手的问题,但是对其理解还不是很透彻,很多原理都是自己推测的。在网上查阅相关资料想整合一下相关的信息,发现深...
2010-10-08 10:58:00 65
转载 去除链接A标签周围的虚线框(IE、Firefox)
一、局部消除1.可以使用 outline:none 来消除点击链接时的虚线。<a href=”#2″ mce_href=”#2″ style=”display:block;outline:none;”>aaa bb</a>2.IE使用这三种方法消除链接虚线(1)<a href=”#1″ mce_href=”#1″ hidefocus=”true”...
2010-09-29 10:21:00 139
转载 CSS Hack 和向后兼容
人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的...
2010-09-18 23:36:00 81
转载 [译]IE6终极备忘:修复IE6下 25+ Bugs
[译]IE6终极备忘:修复IE6下 25+ Bugs2010年01月08日 | HTML/CSS, JavaScript去年就想将IE的bug系统地整理下,但一直都很忙没有完成,看到这篇E文后,我毫不犹豫的放下了手中的工作将之翻译出来。由于是第一次译文,所以错误在所难免,欢迎大家批评指正。原文:Ultimate IE6 Cheatsheet: How To Fix 2...
2010-09-18 21:51:00 161
转载 IE6下z-index犯癫不起作用bug的初步研究
byzhangxinxufromhttp://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=471一、匆匆带过的概念关于CSS中层级z-index的定义啊什么的不是本文的重点,不会花费过多篇幅详细讲述。这里就简单带过,z-index伴随着层的概念产生的。网页中,层的概念与photoshop或是flas...
2010-09-18 18:42:00 171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人