1.css的概述 1.问题 HTML属性修饰有一定局限，是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点：将css样式定义在HTML标记中 语法：<ANY 样式声明：用样式属性和值组成（属性:值;） 常用的样式属性： 1.颜色 属性 ：color 颜色 取值：颜色英文名 2.背景颜色 属性：background 取值 ：颜色 3.设置文字大小 属性：font-size 取 值：数值 px （pt） 2.内部样式 在网页独立地方声明所有样式 在头元素中

最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。

如下图所示： 于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）： 在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。首先，搜索到了wheatlee前辈的文章《大家都对vertical-align的各说各话》。wheatlee在他的文章中关于垂直居中提到了这样几个关键点： 1、vertical-align:middle的时候，是该元素的中心对齐周围元素的中心。 2、这里“中心”的定义是：图片当然就是height的一半的位置

表单页面，为了使表单元素和文字都垂直居中对齐，加个样式input,select{vertical-align:middle}，文本框和下拉框都没问题，但是单选框和复选框就杯具了。 大多表现：单选，复选和文字无间距，单选文字偏上，复选偏上。 关于这些问题网上有人发表了看法，用table搞定一切。这个也是一种方法，哥也不BS。 对于ie6,7下的文字间距问题，网上看到有人说设置width:14px就好了，我试了下发现width:13px更佳。这个问题解决。 对于文字偏上的问题，试了vertical