网页开发必备的 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 [...]
IE8 里中英文字体高度不一样
Posted on 26, 一
很多时候会设置字体为“宋体”，就像下图中一开始设置的一样，这样的设置在ie8之前的浏览器都没有问题，在其他浏览器（Firefox，opera…）也都没有问题，但是在IE8里就怪了，出现下面的情况，数字，非中文字符，英文都会比中文高出一点，而且字体越大，差异越明显。我想，这或许是IE8的一个bug。 网上查了有人说可以吧中文的“宋体”写成“simsun”，我试过了，可以的。 font-family:”simsun”,serif; 后来我看了网易得做法： font-family:\5B8B\4F53,Arial Narrow,arial,serif; 这样挺好，正常了。到底是大网站 head里竟然还用这个“<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />” 学习的同时顺便鄙视一下。
针对IE6,IE7,IE8和firefox浏览器css hack
Posted on 22, 十一
针对样式名 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html>/**/body .head{color:#000;} 如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效 如果只是不让ff、IE8看见用*body .head{color:#000;} 即对ff、IE8无效 针对具体属性 如果只让ie6看见用_ .head{_color:#000;} 如果只让ie7看见用+与_结合的方法: .head{+color:#f00;!;_color:#000;} IE8正式版hack \9″ 例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox. “*” IE6、IE7可以识别.IE8、FireFox不能. “_” IE6可以识别”_”,IE7、IE8、FireFox不能. 如： .a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; } 从左到右分别对应 FF,IE8 IE7 IE6
Javascript 获取 URL 参数
Posted on 20, 九
function getArgs( ) { var args = new Object( ); var query = location.search.substring(1); // Get query string var pairs = query.split("&"); // Break at ampersand for(var i = 0; i < pairs.length; i++) { var pos = pairs[i].indexOf('='); // Look for "name=value" if (pos == -1) continue; // If not found, skip var argname [...]
Jquery 表格上色插件
Posted on 8, 九
http://franca.exofire.net/jq/colorize Coloriza 是一个Jquery 插件，可以为表格的行添加背景颜色，鼠标动作后为行、列增加高亮效果。你可以为很多行、列填色，只要你愿意。再从点击已经填色的行、列就可以还原表格本色。 怎么使用？ 使用默认设置（colorizes a row） $(‘#yourTableId’).colorize() ; 其他设置和参数: altColor : alternate row background color. The default is ‘#ECF6FC’, ‘none’ can be used for no alternate background color.交替行的背景颜色。默认值为’＃ECF6FC’，’none’ 可替代的背景颜色使用。 bgColor : background color (The default background color is white).背景颜色（默认背景颜色为白色）。 hoverColor : background color when you hover a mouse over a row. The default [...]
URL Redirect 网址重定向的方法
Posted on 1, 九
在将网站更换成新网址的情况下，可能会在旧网址上使用到一些『转导网址』的方法，以便将原本的使用者及其流量引导到新的网址去。 以下整理、讨论到几种转导(Redirect)网址的技术方法，并且探讨该方法对 SEO 的影响： 1. 使用 HTTP 通讯协议 301 Moved Permanently 来完成转导网址 (永久转址) (建议使用，不会对 SEO 有不良影响) o PHP 程序范例: <?php header("HTTP/1.1 301 Moved Permanently"); header("Location: http://www.yaoyingying.com/"); ?> <p>The document has moved <a href="http://www.yaoyingying.com/">here</a>.</p> 注1: 使用者的浏览器必须根据 HTTP header 的 Location 字段值(称做URI)来转导网址。 注2: 除非 Request Method 是 HEAD，不然服务器端回复的讯息内必须包含一短的新网址的连结(hyperlink)信息。 o ASP 程序范例: <%@ Language=VBScript %> <% Response.Status="301 Moved [...]
一看就知道是灰机~
