2011年8月8日
5种要掌握的CSS3技术
摘要： View Code <!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>An Introduction to CSS3; A Nettuts Tutori 阅读全文
posted @ 2011-08-08 14:53 拉登不开心 阅读(261) 评论(0) 推荐(0) 编辑
换行word-wrap与word-break兼容IE和FF
摘要： word-wrap是控制换行的。使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。word-break是控制是否断词的。normal是默认情况，英文单词不被拆开。break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。keep-all，是指Chinese, Japanese, and Korean不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。）兼容 IE 和 FF 的换行 CSS 推荐样式最好的方式是word-wrap:break-word; overflow:h 阅读全文
posted @ 2011-08-08 14:36 拉登不开心 阅读(485) 评论(0) 推荐(1) 编辑
2011年8月6日
ASCII码对照表
摘要： ASCII码键盘ASCII 码键盘ASCII 码键盘ASCII 码键盘27ESC32SPACE33!34"35#36$37%38&39'40(41)42*43+44'45-46.47/48049150251352453554655756857958:59;60<61=62>63?64@65A66B67C68D69E70F71G72H73I74J75K76L77M78N79O80P81Q82R83S84T85U86V87W88X89Y90Z91[92\93]94^95_96`97a98b99c100d101e102f103g104h105i106j1 阅读全文
posted @ 2011-08-06 19:39 拉登不开心 阅读(201) 评论(0) 推荐(0) 编辑
2011年8月4日
SmartSprites 学习笔记
摘要： SmartSprites 可以让你很容易的使用 css sprites, 并且容易维护,你可以在 css 文件中插入一些标记和指令, 来指示某些图片是否放入 css sprites 图片里,SmartSprites 会解析你的css 文件去自动生成合成图, 并且生成需要的样式. 如果图片有修改，只需执行一下命令，新的sprite就又生成了。这样就可以大大的提高开发效率，维护起来也比较方便。快速引导：1.下载并且安装 jdk1.5 以上版本。2.下载SmartSprites http://csssprites.org/download.html?v0.2.6并解压到任意目录下。3.修改smart 阅读全文
posted @ 2011-08-04 19:41 拉登不开心 阅读(548) 评论(0) 推荐(0) 编辑
2011年8月2日
用HTML判断IE版本
摘要： View Code <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--><!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]--><!--[if gt IE 5.0]> IE5.0以上版本都可以识别 <![endif]--><!--[if 阅读全文
posted @ 2011-08-02 19:10 拉登不开心 阅读(247) 评论(0) 推荐(0) 编辑
用JS判别浏览器种类以及IE版本的几种方法
摘要： var isIE=!!window.ActiveXObject;var isIE6=isIE&&!window.XMLHttpRequest;var isIE8=isIE&&!!document.documentMode;var isIE7=isIE&&!isIE6&&!isIE8;if (isIE){ if (isIE6){ alert("ie6"); }else if (isIE8){ alert("ie8"); }else if (isIE7){ alert("ie7&quo 阅读全文
posted @ 2011-08-02 18:59 拉登不开心 阅读(303) 评论(0) 推荐(0) 编辑
2011年7月29日
margin-top的bug
摘要： 前一段时间曾经遇到过内层margin-top bug的问题，当时没有找到具体原因，只能用父层的padding-top属性来解决。代码如下：<div>上部层</div><div> <!--父层--><div style="margin-top:200px;">子层</div></div>理想中的效果是父层和上部层贴边显示，子层距离父层顶部有200px的距离，在ie中正常，但是在ff中却出现问题，子层和父层贴边了，而父层和上部层却间隔了200px。百思不得其解，求助google，得到如下的一句： 阅读全文
posted @ 2011-07-29 23:47 拉登不开心 阅读(316) 评论(2) 推荐(0) 编辑
input 背景图片移出 bug
摘要： 今天遇见一个bug，在ie下，input设置一个背景图片如下图：如果输入的文字长度小于文本框长度，则正常如果里面输入的文字长度大于文本框的长度，则出现这种现象那个小放大镜移出去了不知道这个问题在不改变页面结构的前提下使用css能否解决。。。 阅读全文
posted @ 2011-07-29 23:45 拉登不开心 阅读(374) 评论(3) 推荐(0) 编辑
css写的三角形
摘要： 今天闲着蛋疼 随便修几个三角形<div class="top"></div><div class="left"></div><div class="right"></div><div class="down"></div><style type="text/css">.top,.left,.right,.down{ width:0; height:0; line-height:0;/*解决 阅读全文
posted @ 2011-07-29 23:23 拉登不开心 阅读(300) 评论(0) 推荐(0) 编辑
css自动截取字符串 支持FF
摘要： <style type="text/css"><!--.div1{ width:200px;}.div1 span{ white-space:nowrap; text-overflow:ellipsis; *text-overflow:ellipsis; /* for ie6 ie7 */ overflow:hidden; width:168px; display:block; float:left;}html>body .div1:after{/* for FF chrome ie8+*/ content: "..."; mar 阅读全文
posted @ 2011-07-29 00:36 拉登不开心 阅读(246) 评论(4) 推荐(0) 编辑