摘要： 为大多的复选框组或单选按钮组创建两列的布局有点复杂。标签只能用于各个元素，而不能用于元素组。理想情况下，我们将整个组在一个fieldset中，并且使用legend作为这个组的标签。不幸的是，由于浏览器处理legend的定位方式不一致，所以这在当前不是可行的解决方案。因此，在浏览器提供更一致的支持之前，最好的解决方式是使用标题元素。 阅读全文

摘要： 在我们写css样式的时候，你是否习惯性的把注释写在样式表中？如果不习惯，建议你还是努力养成这样的习惯，因为我们书写css样式表的时候肯定很清楚这些css样式表的作用，或者要实现的效果，那么我们再过6个月或者更久的时候再来看这些代码，你是否还能一眼就能够看出来这些代码的作用或者能够实现的效果？你是否需要把页面源码下载下来才能够帮助你阅读css？如果是这样的话，就悲催了，你的css代码肯定很糟糕，虽然一些很大程度上你可以看得出来这些代码在页面中起到的作用，一些你生僻使用的选择器就不一定能够搞清楚你希望得到的效果了，不过有一点好处就是css容易被人阅读，不容易被人分析出你页面的css书写结构。这就是有一利而有佰害，弊大于利，则不取。下面我们就说说写代码注释的利： 阅读全文

摘要： 我们写css免不了的要与margin这个属性打交道，而且有的时候还要借助margin来修复因IE的bug，margin是外边距，我们都知道的。我给它的定义是：他具体的作用是对父元素的边框内出现距离本身的距离定义。css权威指南是这样说的：边界，元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。w3cschool则是：CSS 边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。 阅读全文

摘要： 我想大家在做html页面的时候都会遇到过面对字体大小无从下手的尴尬吧，似乎如何使用字体大小这么个细节也许就成了我们设计上的一些瑕疵，失误。或许我们也似乎从未往这方面注意过，或者离队字体大小也是测试一下，看着顺眼就ok，拿去就用了吧！我想向大家分享一下我对这方面的几种看法，欢迎大家指正！ 阅读全文

摘要： 我们看一下，它们的结构是不是很像树状呢？结构清晰，一目了然，对浏览器解析也非常的合理。更重要的是，对搜索引擎的爬行蜘蛛很友好，他能很快的分辨出，那些是主题内容，哪些是次要内容！对我们以后的维护也是非常简单！ 接下来我们看一些h1标签，很大一部分的开发人员中都忽略了这个标签，其实这个标签，很重要，非常重要。它的重要性不亚于div标签，我们来理解它的html中的语意：h系列的标签是内容的强调标签。我们不要忽略强调，在结构中它代表着主题，在h系列中他是老大，主题内容的老大，也就是说你如果写一个门户网站的终端页面，也就是众多会员发布信息的页面，里面的内容都是一些商家来写的，他们有的一些不太懂这些方面的知识。 阅读全文

摘要： 我们知道，firefox在众多浏览器中是对css 2高度兼容的一款浏览器，那是我能够编写一个中型b2b网站的时候（并不能说是我遇到过的难题）在禅意花园中看到的一个案例，说的是某个菜单在css中定义了以后只能在firefox中正常显示。因为那个css涉及的滤镜太多，而且还奥css中“级联(cascade)”这种强大功能的支持。 阅读全文

摘要： 对刚开始上手的新手进行启发和解决一些小问题，因为我也刚入行2年左右，在职内学到的新东西不多，但是经验还是有点的，所以针对我刚开始学习时候碰到的问题和不懂的地方进行了整理，以后每天更新博客，把我当时学习的经验和问题的解决方法一一和大家分享（想当初，我刚开始学习的时候到处碰壁，到处找问题，疯狂的看书和实践，高手不指点，水平一样的讨论进步不明显，全靠在网上问问题，找案例，进行解剖，分析.....） 阅读全文

摘要： 对于简单的web站点，可以只使用一个css文件。对于大型的复杂站点，对样式表进行分割以简化维护是很好的做法。那么如何分割样式表也不是盲目的把样式表（css文件）分成几部分分别放入几个文件就了事的，是需要我们仔细的考虑的。我一般用一个样式表处理基本的布局，用另一个写样式的修饰和板式处理 阅读全文