摘要: 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依然不能完美对齐。如下图所示:于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.5):在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。首先,搜索到了wheatlee前辈的文章《大家都对vertical-align的各说各话》。wheatlee在他的文章 阅读全文
posted @ 2011-03-18 13:54 oneroundseven 阅读(12655) 评论(0) 推荐(0) 编辑
摘要: 转自:http://www.xiaoyezi.com/2010/06/22/find-out-the-length-of-units-and-the-difference-between-css-em-ex-px-pt-in1. css相对长度单位Ø em 元素的字体高度Ø ex 字体x的高度Ø px 像素PixelsØ % 百分比Percentage 2. css绝对长度单位Ø in 英寸Inches(1英寸=2.54厘米)Ø cm 厘米CentimetersØ mm 毫米millimetreØ pt 点Poin 阅读全文
posted @ 2011-03-18 10:53 oneroundseven 阅读(2117) 评论(0) 推荐(0) 编辑
摘要: 转自:http://i.wanz.im/2010/05/28/why_doctype_html/不管是刚接触前端,还是你已经“精通”web前端开发的内容,你应该知道在你写html的时候需要定义文档类型;你知道如果没有它,浏览器在渲染页面的时候会使用怪异模式;你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi 阅读全文
posted @ 2011-03-18 10:41 oneroundseven 阅读(5268) 评论(1) 推荐(3) 编辑