摘要：1.避免文本字体大小重置。问题：在移动端，如iphone，当把手机切到横屏显示的时候，扣篮器会自动地重置文本大小。解决方法：添加带有前缀的text-size-adjust设置为100%，之所以不设置为none是因为在某些浏览器下，设置为none会导致页面的缩放功能被禁用。代码：html{ -webkit-text-size-adjust:100%; /*webkit浏览器*/ -ms-text-size-adjust:100%; /*windows mobile */ text-size-adjust:100%;}2.优化浏览器视口设置问题：移动端的默认视口宽度通... 阅读全文

摘要：css3新增了许多伪类，但是IE8以及更低版本的IE浏览器不支持css3伪类，所以在使用时要是涉及到布局等意象全局的样式，应该多考虑一下。1.elem:nth-child(n)这个伪类选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数（如4n-1）。需要注意的是，n是从1开始计算，而不是0。我们可以使用一个无序列表来测试： 1 2 3 4 5 6 7 8 9 10当n为具体的数值是选中第n个子元素，如：#test li:nth-child(3){ background:#f00;}... 阅读全文

摘要：1.CSS3多列:column column主要有三个属性。 column-count:定义列数。 column-gap:定义每一列之间的间隔。 column-rlue：定义每列之间的边线规则，分为style，color，width这3个分支属性，可像border一样简写。如代码：#test{ width:600px; background:#eee; -webkit-column-count:3; -webkit-column-gap:20px; -webkit-column-rule:2px #00f outset;}效果为：2.文本换... 阅读全文

摘要：1.半透明rgba在rgba出现之前，半透明可以用opacity来创建，可是这样子导致的结果是不仅元素的背景会变透明，标签元素包含的文字也会变透明。这样子会导致可读性降低，所以都会嵌套一个包装标签来创建半透明，这样子很麻烦，自从可以用rgba来表示颜色之后就方便多了。rgba表示方法为：.rgba{ background:rgba(255,0,0,0.5);}括号里面有是个数字，第一个表示红色，第二个表示绿色，第三个表示蓝色，最后一个表示不透明度。下面分别用rgba创建半透明和opacity创建半透明（不嵌套包装元素），然后对比结果：可以看的出来，opacity创建的半透明，文字... 阅读全文