摘要：
右偷个懒，发现别人写的也不错，我就做个小搬运工 "如何去掉边框及input的兼容问题？" 说到input，又不得不说它的兼容问题。input如何兼容各个浏览器呢？ 第一步：清除input的border的默认样式（border： 0） 第二步：设置父级（div）的边框或者背景图片 第三步：文本样式的设 阅读全文
摘要：
实在不想写了，要吐了，看到一篇讲的比较全的文章，直接粘链接了 "inline元素和inline block元素的4px空白间距解决方案" 出自脚本之家 阅读全文
摘要：
css 浮动后的元素不论是什么display的都默认是block就是设置inline也是block IE/6出现双边框的原因 出现双边距的条件是当浮动元素的浮动方向和margin的方向一致时才会出现。也就是说，并不是只有块状元素左浮动，且具有左外边距时才有这个BUG，当一个盒子右浮动的同时有一个向右 阅读全文
摘要：
为了对比明显，这里用img标签占位，但是背景用纯黑色 明显的有4px的间距 解决办法： 1. 使 li 浮动，并设置 img 为块级元素 2. 设置 ul 的 font size:0; 3. 设置 img 的 vertical align:“top，text top，bottom，text bott 阅读全文
摘要：
雪碧图是比较常用的一种方式，将一些小图标拼凑成一张图片，通过背景position的改变，显示不同的小图标，减少服务器的请求 ps手动去拼图 使用sprite工具自动生成 cssGaga快速生成雪碧图 雪碧图的布局技巧，可以给每一个icon加一个class，如class="icon 1" class= 阅读全文
摘要：
直接给input或者textarea的样式加texta align:center; 如果想要让提示文字距离边框有一定的距离，将text align:center;去掉，加padding left就可以 下面是兼容性写法 Internet Explorer 10、Firefox、Opera、Chrom 阅读全文
摘要：
label标签可以优雅地扩大表单控件元素的点击区域。例如，单纯的单选框点击区域就鼻屎那么大的地方，经常会点不到位置。因此，label标签的使用对于提高页面的可用性可访问性是很有帮助的。 其实，它的样子就是 网易云课堂就是这么做的 还有其他的网站（盗图的，哈哈） 我们一般有两种方法来优雅地扩展表单控件 阅读全文
摘要：
首先，span是行内元素，是没有宽高的。 我们来做个简单的布局 页面的最原始的效果,就给div加个边框： 为了能够让span的margin top和margin bottom生效，可以按照下面的做法：给span加一个display:inline block或者直接display:block;具体操作 阅读全文
摘要：
为了演示效果，我故意将文字变为12px，将复选框变大，看到的效果就是下面的那样 然后，我们通过给复选框添加vertical align：middle；让文字和复选框达到同一水平线的效果 阅读全文
摘要：
每次用到了<input/> 元素 和inline-block的<span></span>（不一定是span，其他一些inline的元素也是一样）元素，他们总是会不在一个水平线上，这个时候就很蛋疼了，毕竟不在水平线上，很不美观。 有以下解决办法： 不加浮动时，可以通过截图发现，它是不再一条水平线上的， 阅读全文
摘要：
以前一直一位input是个行内元素，但是，行内元素的特性就是没有宽高的概念，元素多高，多宽，全凭内容撑起来的。 但是今天写了个demo,用chrome控制台显示：display:inline-block。 但是给label和input同时加上宽度和高度，input的高宽居然变了，但是奇怪的是在IE6 阅读全文