摘要：1、text-align兼容性很好.wp {text-align: center;}.test {display: inline;} 1 2 3 4 52、float+relative兼容性很好.wp {position:relative; left:50%; floa... 阅读全文

摘要：1、绝对定位+负margin兼容性很好，但需要指定子块的高度和宽度，以及负margin.wp{ position: relative; width: 200px; height: 200px; background-color: #ccc;}.test{ height:... 阅读全文

摘要：自从Chorme取消了-webkit-text-size-adjust，这个问题又变得令人烦恼起来。好在我们可以利用-webkit-transform这个私有属性。.box{ -webkit-transform:rotate(0.8)//我一般会调到0.7~0.8之间}如果你的box有添加了一层背... 阅读全文

摘要：曾经看过一些文章，建议CSS中字体应用英文来替代，但一直未引起我重视。最近官网改版，今天同事测试发现Mac的Safari总是显示宋体 → →修改font-family:"微软雅黑"为"Microsoft YaHei" 后正常。黑体：SimHei\9ED1\4F53宋体：SimSun\5b8b\4f5... 阅读全文

摘要：如果你遇到长串英文单词或者url换行的问题，这时候就需要用到word-wrap与word-break这2个css属性啦。word-wrap:break-word;长单词与url地址自动换行。word-break:break-all;文本强制换行。word-wrap:break-word;比较温和，如... 阅读全文

摘要：body{background-color:#000\9;}/*ie*/body{background-color:#0f0\9\0;}/*ie9及以上*/body{background-color:#00f\0;}/*ie8及以上*/body{background-color:#f00\0/;}/... 阅读全文

摘要：如上图所示，这是一个分页样式，a:hover时，需要改变边框的颜色。我们知道，除表格之外，其他标签的border是不能合并的。要解决这个问题，思路有三：1、table布局（大概很少有人愿意在这里使用table）2、display:table (这或许是解决之道，如果你不考虑ie6和ie7的话)3、o... 阅读全文

摘要：下午在看《css禅意花园》，书中提到了外边距重叠，于是去网上搜索了一下资料。写了一个小例子做测试。发现网上的有些总结与我的测试不符，索性就自己总结了╮(╯▽╰)╭ 1 2 3 4 5 无标题文档 6 70 71 72 73 div174 div275 76 77 另外发现知乎上的一个回答，来自丁小倪。链接：http://www.zhihu.com/question/19823139一、首先你要知道什么情况下会触发：两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠1.两个或多个说明其数量必须是大于一个，又说明，折叠是元素与元素间相互的行为，不存在 A 和 B 折叠，B ... 阅读全文