[css教程] 如何去掉链接的虚线框 日期：2011-09-07 10:04:46 点击：45 好评：0
当一个链接得到焦点时，默认会有个虚线框。如图： 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写： a:focus { outline:none; -moz-outline:none; } 顺便提...
[css教程] CSS Hack 总结大全 日期：2011-09-07 10:03:27 点击：94 好评：0
浏览器越来越多，不同的浏览器，不同的版本在页面的渲染上都各不相同。这让网页开发人员很头疼，为了能兼容各个浏览器，人们挖掘出了很多 CSS Hack。下面进行一下总结，如果还有其他的 CSS Hack 欢迎提供。 一) 针对 IE 的 Hack 大部分 CSS Hack 都是针对 IE 的，这是用于我...
[css教程] Firefox 将支持 css calc() 属性 日期：2011-09-07 09:57:36 点击：31 好评：0
Firefox 将在新版本中添加对 css 中 calc() 的支持。目前暂时还没有浏览器支持该功能。 下面简要介绍下 calc() 的用法。顾名思义，calc() 既是计算的意思。例如： /* * 两个并排的 div, 相距 1em。 */ #a, #b { float:left; } #a { &n...
[css教程] 后端开发工程师的DIV+CSS两栏布局入门 日期：2011-09-06 09:51:12 点击：142 好评：0
padding 导致 width 扩大 如果对一个元素同时指定了 width 和 padding, 那么它实际的宽度是 padding-left + padding-right + width, 所以, 设置了固定宽度的 div, padding 必须设置为 0, 否则, 宽度便不是所期望的. div 如何居中? 设置比例宽度或者固定宽度, 然后 margin-...
[css教程] CSS教程:视觉语义不等于基于表现的类 日期：2011-08-31 11:03:42 点击：59 好评：0
你和用户之间的网站堆栈（简化版） 在TXJS大会的最后一天，一个开发者问我： 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件，人们对于HTML和CSS的期望是一样一样的。...
[css教程] 设置class元素的三种方式 日期：2011-08-28 09:24:34 点击：90 好评：0
列举所有的方式，看看各浏览器的支持差异。 一、el.setAttribute('class','abc'); 01 <!DOCTYPE HTML> 02 <HTML> 03 <HEAD> 04 <meta charset="utf-8" /> 05 &nb...
[css教程] CssGaga教程:css合并与CSS优化 日期：2011-08-25 10:04:05 点击：102 好评：0
CssGaga – css合并 勾选合并开启此功能 Before: @import url("reset.import.source.css"); @import url("grid.import.source.css"); @import url("mod-1.source.css"); /* mod-1.source.css 中 @import url("media.source.css&quo...
[css教程] CSS兼容性（IE和Firefox）技巧大全 日期：2011-08-24 09:34:54 点击：135 好评：0
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7，6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 CSS...
[css教程] 浅谈CSS样式优化心得技巧 日期：2011-08-22 11:10:43 点击：66 好评：0
CSS Lint,lint是线头的意思，大概意思就是说要找出我们写的css代码里的一些线头，help you code better! CSS Lint的检测规则包括错误的和警告，当选择器或属性书写不正确、漏掉了大括号、多写了分号等时，会提示解析错误，解析错误优先提示。为了让css代码拥有更好性能，...
[css教程] 纯CSS实现Tab的两种方案 日期：2011-08-21 09:40:38 点击：159 好评：0
Tab在当前的Web应用中是非常常见的，最大的好处在于可以充分的利用有限的空间来展示更多的内容。常见的的Tab一般都是通过Javascript来实现，它的好处是灵活和功能强大。但是在某些情况下，如果仅仅需要一个简单的内容切换时是可以考虑使用纯CSS来实现的。本文主要介绍两种纯C...