02 2011 档案

摘要：因为IE和Firefox对hr默认的各种属性margin，padding等等都不一样，所以定义为0也没用。 我们可以通过下面的CSShack来解决：.52css.com]hr.ducky{margin-bottom:1px!important;>margin-bottom:8px!important;margin-bottom:8px} 不只是针对hr，这只是一个例子。IE6和IE7对hr边距margin的解释是一样的，所以都定为8px，Firefox与IE有区别，下边距只能为1px。 第一条IE6，IE7，Firefox都读懂，这时候都是1px；第二条IE6，IE7能读懂，都用第二条的 阅读全文

摘要：作为一个web前端开发为了html语义化常常要给内容模块加上一些标题来让页面更有意义当然还有我们的图片按钮在抛开css裸奔的情况下也能很顺利的汲取到页面信息通常为了传达更好的视觉效果我们常用图片替代掉字体而早前的前端开发常直接不在html中给出内容用 ;(甚至为空)这样在没有加载到css时就无法知道这个区块究竟是什么内容了正题开始通常偏移掉字体的方式是使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较惬意将a转化成block的话 往往 他身后的的元素 阅读全文

摘要：我在书上找到了一个方法叫做：条件式注解。(为了不让它真的被注解掉，实际使用的时候请把多余空格删除)只在特定版本才读取：< ! -- [if IE 5]>< link rel="stylesheet" href="css/page.css" type="text/css" />< ! [endif] -- >这样子它就会只在浏览器是 IE 5 时才载入这个CSS。如果要在特定版本以上的话：< ! -- [if gte IE 5.5] >< link rel="stylesh 阅读全文

摘要：<SCRIPT LANGUAGE="JavaScript"><!--if (window.navigator.userAgent.indexOf("MSIE")>=1){//如果浏览器为IEsetActiveStyleSheet("default.css");}else{if (window.navigator.userAgent.indexOf("Firefox")>=1){//如果浏览器为FirefoxsetActiveStyleSheet("default2.css&q 阅读全文

摘要：我常用第二个1、js实现div自适应高度 代码如下：<script type="text/javascript"><!--window.onload=window.onresize=function(){if(document.getElementById("mm2").clientHeight<document.getElementById("mm1").clientHeight){document.getElementById("mm2").style.height=document.g 阅读全文

摘要：巧合要用到鼠标样式效果，就顺便整理了下十五种CSS 鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：任意标签中插入 style="cursor:*" 例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！hand是手型 例子：CSS鼠 阅读全文

摘要：css如何控制文字多行显示，溢出截断后末尾出现省略...比如用户评论上传后，想控制在页面的显示为一行，超过一行的其余内容截断，并要求最后能有省略号...出现类似以下的代码无法在截断的最后显示省略（。。。）<div style=" overflow: hidden;text-overflow:ellipsis; width: 150px; height: 16px;font-size:12px;line-height:16px;">我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过三行后想被省略后留下痕迹。我跑过 阅读全文

摘要：相信大家对样式命名都多少感到困难，特别是想起一个有意义的名，更难。回顾了一下之前写的《 样式命名规则 》（不知道大家使用后有什么感想）结合这段时间使用上发现的一些问题，重新整理了样式的命名规则，希望能更实用些。要避免当状态改变时名称失去意义，最常见的就是用于布局的类名，如“left”、“right”，当左边栏不再是左边栏的时候，“left”这个名就没有实际意义了（可以看下《 CSS代码命名惯例语义化的方法 》中的“CSS类命名的语义化VS结构化方式”部分）。这与我们所推荐的“命名要有意义”就相违背了，使用序号就更加有问题了。好像没错，不过有好长一段时间都有个问题让我很烦恼，如果一个页面中同个模 阅读全文

摘要：利于SEO的DIV+CSS的命名规矩小结: 一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号 一、CSS文件及样式命名1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；2、CSS样式命名规范本人建议：用字母、_号工、-号、数字组成，必须 以字母开头，不能为纯数字 阅读全文