03 2011 档案

键盘上各种特殊符号的英文读法
摘要：键盘字符英文`backquote~tilde!exclam@at#numbersign$dollar%percent^caret&ampersand*asterisk(parenleft)parenright-minus_underscore=equal+plus[bracketleft{braceleft]bracketright}braceright;semicolon:colon'quote"doublequote\backslash|bar,comma<less.period>greater/slash?questionspace 阅读全文
posted @ 2011-03-22 12:44 nicolaszhao 阅读(856) 评论(0) 推荐(2) 编辑
IE6的“!important”的有效声明
摘要：前端开发人员经常会用到“!important”声明样式属性，来提升指定样式规则的应用优先权。很多人也喜欢使用这一特性来区分浏览器之间的兼容性差异，特别是IE6。然而，很少人知道IE6其实是支持这一特性的，只不过用法不同。先看下面的示例：div { background: #000 !important; background: #f00;}以上代码的结果是IE6下为红色，其他浏览器为黑色。这也是原先认为IE6不支持“!important”的原因，久而久之，大家都使用hank来处理这一问题。但是，如果改成这样定义样式：div { background: #000 !important;}div 阅读全文
posted @ 2011-03-21 15:10 nicolaszhao 阅读(538) 评论(2) 推荐(0) 编辑
IE下超链接使用绝对定位后失效
摘要：我们经常会对a链接的display设置为block，以便整个标签可以点击。但是，如果对该标签设置为position:absolute后，会发现在ie6、ie7下有时点击无效，ie8下有效（ie8标准），使用zoom:1方式也无法解决问题。解决方案使用position:relative而不是position:absolute；添加背景色；添加透明的背景图片，gif或png，但会增加无意义的http请求；使用background:url(about:blank)，*最佳方案。 阅读全文
posted @ 2011-03-17 10:58 nicolaszhao 阅读(970) 评论(2) 推荐(0) 编辑
内容排版：CSS实现强制不换行、自动换行、强制换行
摘要：强制不换行p { white-space:nowrap; }自动换行p { word-wrap:break-word; word-break:normal; }强制英文单词断行p { word-break:break-all; }*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。span { display:block; } 阅读全文
posted @ 2011-03-14 15:19 nicolaszhao 阅读(851) 评论(0) 推荐(0) 编辑