call_me_hoyin

body是一个特殊的盒子，其背景色会延伸到margin那部分；而其他盒子，异于浏览器的不同而表现得不同。对于IE而言，其背景色包括padding+content;而其他的浏览器的背景色包括padding+content+border.另外，顺便讲一下background这个属性：如果background设定了no-repeat这个值，那就必须给它高度height,否则背景图片会显示的不正常。还有设

今天在小欧老师那看到一篇文章《overflow:auto;在IE6/7下诡异事件》,自己跟着去验证到底是不是这么回事？结果发现虽然是有这样的诡异，但令我百般不解的是，老师为何要在.list上既然用了float：left；为何还要用position：relative；呢？？而且解决诡异之事竟然是在.prd_box上再次用到position：relative？？好吧，我们先看看老师是怎么做的：ht

在上一篇《浅谈IE6/7对inline-block的支持》中，我们可以明显的看到各个内部之间产生了多余的间隙，查了资料说是折行产生的空白符，取消掉这些间隙对于现代浏览器来说是轻而一举的是，只需在父元素上设置font-size：0，然后在该元素上设置会font-size：14px（随你喜欢），就可以取消掉多余的间隙。但是遗憾的是，IE还会留下1px的间隙，不过可以在此父级元素基础上增加*word-s

到底什么是inline-block？       设置了inline-block的元素创建了一个行级的块容器，该元素内部即内容被格式化为一个块级元素，同时元素本身被格式化为一个行内元素。直白点就是inline-block的元素既有block元素可以设置高度宽度的特性，同时又具有inline元素默认不换行的特性。      通俗的分开对inline元素和block元素来说就是：inline元

众所周知，减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个图片中，然后再用CSS来定位。下面是一张样图：本文的目的并不是讲CSS Sprite如何让一个网站更快，而是说一些使用CSS Sprite的时候的一些最佳实践。不要等到你完成切片之后才开始sprite.

声明，本文中所称CSS雪碧即为CSS Sprites，这个词组一直没有一个固定或者约定俗成的中文翻译，一些人开始称之为CSS雪碧，我们且当作一次尝试吧，如果大家觉得不妥，今后还会继续直称CSS Sprites。——神飞CSS雪碧已经出现一段时间了，并上升为一种可以让你的网站速度变快的方式。Steve Souders刚刚在Velocity ’09上展示了SpriteMe! (讨论——为什

shift，一下午就是在为了搞懂em，难怪会觉得学习效率这么低，不过现在倒是觉得值了，因为有所得。。。。。     以前一直喜欢用px，觉得比较精确，最大的优点在于不用拿着计算器在那算呀算，所以国内的90%以上的网页设计师都喜欢用px，而国外的大多数都是用em。但是ie无法调整那些使用px为单位的字体，而目前使用ie的还是多之又多，况且目前流行的弹式布局用的就是em。所以我们不得不好好的搞懂这个e

HTML文本有个最大的优点是，可以被搜索引擎搜索，所以最好尽量用html文本而不是文本图像。但是非常遗憾的是文本字体的选择有限，对于那些审美比较高的文本，我们还是毫不犹豫的选择了文本图像。但是我们又不愿意直接的将图像通过img属性直接的嵌入页面中，因此css开发者发明了图像替换技术，我们可以像平常一样将文本添加到文档中。但是我们应该本着能用文本最好用文本的原则，因为一些比较有名的图像替换方法对于屏

display的两个属性值inline-block和run-in，这两者之间的区别。首先是inline-block，它是行内块元素，与它前一个元素的显示角色有关。如果它之前的的元素是块级元素的话，那它也将表现为块级元素；如果它之前的元素表现得是行内元素，则它也表示为行内元素。说白了就是，设置为inline-block的元素的显示效果和它前一个元素的表现一致,，与后一个元素的表现形式无关。h

原文出处： ia.net   译文出处： Arrietty当我们建立网站的时候，我们一般从定义正文开始。正文的定义显示了你的主栏有多宽，其它几栏的大小就随它自己内容定义了。直到最近，各种屏幕分辨率或多或少是同质化的。如今，我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。在重整旗鼓的热情中，我写了一篇关于响应式排版的博客，这篇文章主要专注于我们最近的实验：响应式字体。如果不知

就在前几天，工作室偶尔的一次培训，我才结识了label标签，才知道有这个可怜的标签的存在。可是那次的培训我没有认真的去研究，而戏剧性的是，下午去百度前端霸笔的时候，第一道题竟然是问label标签的属性和属性的值，我晕，好吧，我承认我错了，没有认真的去研究过这个别忽略已久的标签。现在就好好的研究一下它。    首先第一反应是在w3school上查找，它是这样子解释的

CSS 对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声 名.   常见问题 1.div的垂直居中问题vertical-

说起文本，网页上通俗的来说，就是文本的样式和间距的样式，首先讲一下有关文本的样式。      font-variant,这个属性唯一的作用是讲文字用略小的大写字母表示。原先为大写字母将任保持原样，而原先小的字母将有稍小的大写字母来显示。这个属性有两个合法值，分别为normal和small-caps。但是多数字体是没有small-caps变体的，因而浏览器会把大写字母缩小。因为浏览器有这个特性，

table-layout：fixed 实现表格列宽可控制