双木盈子

摘要： CSS3 background-size:[length|percentage|auto]{1,2}|cover|contain浏览器参照基准：Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera11.50 and Later, IE9.0 and Later* 用于设置背景图片的大小，有2个可选值，第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只指定1个值得，则第2个值默认为auto所用图片：背景图尺寸（数值表示方式）：#background-size{ background-siz 阅读全文

摘要： I am bug(重构网站，重构人生)http://www.aiubug.com/?cat=201. 浮动的“包裹性”先说句您应该没有见过的结论：撇开浮动的“破坏性”，浮动就是个带有方位的display:inline-block属性。display:inline-block某种意义上的作用就是包裹(wrap)，而浮动也有类似的效果。举个常见例子，或许您有实现宽度自适应按钮的经验，实现宽度自适应的关键就是要让按钮的大小自适应于文字的个数，这就需要按钮要自动包裹在文字的外面。我们用什么方法实现呢？一就是display:inline-block；二就是float。例如我们要实现新浪博客中的“发表文章 阅读全文

摘要： CSS美化 input type=”file”在日常重构中，form表单家族中的 upload field 在使用 css 美化时令人头疼！默认情况下，各个浏览器下的表现层次不齐！如下图所示，让我等情何以堪。通常，我们的设计师同学、产品同学都希望文件上传域能够在表现上有所突破：点击页面中美化过的图片“选择文件”就可以完美实现文件上传域的功能。唉，理想很丰满，现实很骨感！每当我接到这样的要求就会泪流满面，加图片容易，但它无法工作啊！好吧，苦逼的前端开始想办法了：用JS去模拟，貌似这个可行！但是如果用户禁用脚本呢？唉，能否有一个简单的处理方式呢？经过一番试验，重构组的同学想到一个方案，哈哈，纯CS 阅读全文

摘要： 像往常一样，新建个页面然后在css文件里设置body标签的属性，刚写个font:;就停住了，细节决定成败，一直都那样写着，何不总结一下呢!?CSS font 属性font:font-style font-variant font-weight font-size/line-height font/familyCSS简写指南：http://www.qianduan.net/css-font-shorthand-attribute-handbook.htmlcss font-style 属性可能的值normal 默认值。浏览器显示一个标准的字体样式。italic 浏览器会显示一个斜体的字体样式。o 阅读全文