萌小孩

摘要： 各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善，曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天，W3C的 HTML5 社区领袖 Shelley 宣布，HTML5的开发工作已经接近完成，如果进展顺利，HTML5 将在 2012 年正式成为国际标准。 当然，即使标准正式... 阅读全文

摘要： 在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助CSS3的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文... 阅读全文

摘要： 我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同，从而造成select选择框在各浏览器的显示有不同，下面我们通过对主要 外形CSS属性的支持，打造全兼容select。 我对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各... 阅读全文

摘要： 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。标准浏览器如Mozilla,Opera,Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-... 阅读全文

摘要： 在IE6和IE7中，行高值必须大于字体的2px以上才能保证字体的完整显示或当作为链接时能显示下划线。IE6下去掉 input等元素 的边框 border: 0 none; 所有浏览器都可以了边框1px {td不重叠状态}：border-collapse: collapse;（table、td需同时设... 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文

摘要： 测试了集中方法，发现不行。只能用专署标签解决这个问题。 神光咨询后台管理登录 管理员 密码 安全码 验证码 IE8下面 input和label里面的文字是自然对齐的。但是ie6和ie7完全不正确，很多人的操作方法可能是将文字和input框分开分别放置到2个不同的div里面去解决。后来看了一下，没有必要采用这种方式。用hack解决就可以了。soinput{width:150px;border:1px solid #66838c;margin:0 0 6px 0;*+vertical-align:bottom;_vertical-align:middle;}这个是主要代码。利用“*+”... 阅读全文

摘要： 最近正在学习html5，刚接触html5，感觉有点不适应，因为有一些标签改变了，特别是div, section article这三个标签，查了一些资料，也试着用html5和css3布局网页，稍微有点头绪了，下边还有一个我刚刚布局好的一个简单的网页，供大家参考，先看一下，最起码心里对html5的结构有些概念。divHTML Spec: “The div element has no special meaning at all.”这个标签是我们见得最多、用得最多的一个标签。本身没有任何语义，用作布局以及样式化或脚本的钩子(hook)。section HTML Spec: “The section 阅读全文

摘要： 说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 bug”？同时，由于另一撮浏览器对标准的遵从，我们在精确定义一个在有限空间内显示的 box 时，也需要计算一下：留给它的空间只有那么大，刨去 border 和 padding，我们该把它的 width 写成多少呢？这种情况在 CSS3 时代有了改善，得益于这个叫做 box-sizing 的属性，它具 阅读全文