input 有一堆 type 属性，不同的 type 对应不同的表单元素。CSS 定义的时候，对于支持 CSS2 选择符的浏览器，可以使用
复制内容到剪贴板
代码:
input[type="checkbox"] input[type="text"]
等等来对 input 分别做不同定义，但是对于 IE6，这法子行不通。 一般的解决方案是给不同的 input 加不同的 class，可以手动加，也可以用 js 遍历自动加，刚由一个问题想...
给不同 type 的 input 自动设置样式
表单在各个浏览器下的表现统一-段正淳的css笔记(7)
在工作之余抽了点时间写了一下这个，在ie6-ie7-ff下显示位置基本都一致了。
（发现demo页面用栅格线做背景，调试还真的容易得多 。热力推荐！这个栅格是从photoshop里拷贝来的。）
这样子定义了input等标签，做提交表单的时候就不用担心ie6-ie7-ff下radio、checkbox、text等高低不平，参差不齐的状况了。
但是有一点疑惑.这样根据input的type来定...
浅谈css框架开发-段正淳的css笔记(6)
个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)
1、css框架
中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascrip...
图片垂直居中 - 段正淳的css笔记(5)
一天大家在团队中讨论“未知图片垂直居中”的问题，突发奇想用 vertical-align:middle这个属性来实现，于是抽了时间做了下面这个不成熟的例子：
CSS:
div{
width:140px;
height:140px;
text-indent:-8px;
text-align:center;
line-height:138px;
background:red;
font-size:12px;
*font-size:120px;
*text-indent:-60px;...
css代码的简写 - 段正淳的css笔记(4)
1、css代码的简写
css缩写的语法，对新手有一定帮助,老鸟就不用看了.
1.1： 0px不需要单位，直接:margin:0
1.2：盒模型的缩写，语法是margin:上 右 下 左;.甚至可以简写成margin:上 (右左) 下,当然右左的值应该是一样的
1.3：css属性的最后一项”;”号省略。（不建议 ^_^）
1.4：字体宽度normal用400代替,bold用700代替。
1.5：16...
css属性顺序书写规范 - 段正淳的css笔记(3)
1、标题右侧“更多”的实现
曾经做上图所示的效果,会使用到position来相对定位到h2标签的右侧.这样的做法,代码确实会多好几行. 其实可以用个笨一点的办法来实现的：
譬如html代码如下：
< h2>< a h ref="#" >标题< /a> < span>更多…< /span...
圆角的做法 - 段正淳的css笔记(2)
1、圆角的做法.
为了这个圆角,前段开发们付出的努力是在是太多了.又要考虑http连接数,又要考虑css与html的代码量与语义.
贴出的是最近考虑替换现有圆角做法的方案,可能还有许多未考虑的状况.但是大体的编写方式便是如下.
好处是便于维护,只有一个图片.还可以某种程度上的任意缩放.缺点是多了无意义的html代码.
————&a...
类目之间的横竖线 - 段正淳的css笔记(1)
试想过总结出这几年来写css与xhtml的经验 ，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。
现在就来说个淘宝首页上的一个小技巧。
1、类目之间的 横 竖线
从很久很久以前开始，类目间的竖线无非都只有三种。
1、背景图
在a标签设置一...
