网页开发必备的 firefox 插件
Posted on 28, 四
1，首先是 firebug，我想再熟悉不过了，用它来调试 CSS，JavaScript 真的是说不出来的方便。我想我CSS 的成就多数是多亏了这个插件。 2，colorzilla 可以直接从网页里吸取颜色，敢接很方便。至少我这样觉得。 3，measureid，激活后可以尺量页面里盒子的大小，对于页面布局时尺量大小很好用。 这是这么多年来我锲而不舍的3个插件，也是我经常推荐给朋友。
CSS清除浮动的方法
Posted on 16, 三
网页设计中常常碰到层高度无法撑开，只显示一条直线的情况，这主要是该层内部使用了 float 属性。 通常解决方法是在该层内部加一个 <div style=”clear:both;”></div> 清除一下浮动即可，这也是我用的最多的方法。这儿是用的 DIV，wordpress 模板里很多人用的 HR。个人认为没有什么区别，可能就是少几个字母吧。 另一个方法是我刚刚从google 里发现的，感觉非常好，在这儿要非常感谢这位网友，以后我会经常使用这个方法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS清除浮动</title> <style type="text/css"> *{margin:0;padding:0;} body{font:36px bold; color:#F00; text-align:center;} #layout{background:#FF9;overflow:auto;zoom:1;} #left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;} #right{float:right;width:30%;height:80px;background:#DDD;line-height:80px;} </style> </head> <body> <div id="layout"> <div id="left">Left</div> <div id="right">Right</div> </div> </body> </html> [...]
Font-family 兼容设置
Posted on 13, 三
google 里看到了很多人关于font-family 字体顺序的兼容性设置。都是有心人，在此也收录一下别人的研究成果 font-family: Tahoma, Helvetica, Arial, sans-serif; Tahoma 系的中性字体。推荐使用在13px以上的环境。 font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; Verdana 系的宽扁字体。推荐在11px以下环境使用。 正对 linux 桌面系统，font-family 的属性设置： 而这儿我想说的是，一般中文网站，大家都会吧 中文字体 放在font-family 属性的第一个，然后紧接着写英文字体，我几次测试后发现中文字体放第一位，在linux 下，英文字不能被渲染，即使你所这只的那些字体linux 里都用，后来我吧中文字体写在最后一个，就没有问题了，但是windows下又不正常，windows 需要把中文字体放在第一位，不然就会出现 IE8 里中英文字体高度不一的问题。 所以也就只能这样了，在windows 下，将中文字体设置在第一位，但是不能直接写字体中文名,比如“宋体”，“黑体”，应该写成 “simsun”，或“simhei”，正对linux 系统，需要将中文字体写在最后一个，这儿可以写成“宋体”，“黑体”，因为这儿不会有 IE 浏览器。
CSS 层最小高度的全兼容写法
Posted on 25, 二
min-height:50px; _height:expression(this.height < 50? "auto" : "50px");
JavaScript Runcode
Posted on 3, 二
代码预览器 <html> <head> <title>代码预览器</title> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> <script language=JavaScript> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",50); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script> </head> <body> <h1 align="center">代码预览器</h1> <hr SIZE=1> <p align="center"><textarea id="p" onfocus="this.select()" onKeyDown="submitCode()" name="p" rows="30" cols="100"></textarea></p> <p [...]
若觉得我的服务器还不错的话~
