13种常用按钮、文本框、表单等CSS样式
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。
一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:#006699;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/bluebuttonbg.gif);
background-color: #e8f4ff;
cursor: hand;
font-style: normal ;
width:60px;
height:22px;
}
二、蓝色按钮
.bluebuttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
font-size: 9pt; color: #003366;
border: 0px #93bee2 solid;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;*/
background-image:url(../images/blue_button_bg.gif);
background-color: #ffffff;
cursor: hand;
font-style: normal ;
}
三、红色按钮
.redbuttoncss {
font-family: "tahoma", "宋体"; /
相关文档：
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。
二.明确定义单位，除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如:width: 100px width:100e ......
想修改一下子自己的CSS，因为博客标题正好把网页图片上的文字正好档了一部分，看起来很不爽。最后确实是由“margin命令”来控制的，于是上网学习了一下子这个的用法。margin在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。
一、margin的基本特性
margin属 ......
可以放置样式的地方：样式表，<style>和style
样式表是一个独立的文件，可以通过<link>元素或者css的@import语句把它附加到某个html文档中，<style>是一个html元素，可以把它内嵌在html文档中，style是一个属性，可以内置在任何html元素中。
要想把样式表连到html文档中，要在html文档中的<head> ......
字型
文字顏色
color: #000;
文字大小
font-size: 8pt;
文字字體
font-family: “arial”, dotum;
文字斜體
font-style: italic;
小字體
font-variant: small-caps;
字間距離
letter-spacing: 1pt;
行高
line-height: 15px; (亦可為百分比)
文字� ......
CSS选择器可以准确的查找到指定的标签，使用CSS选择器可以使我们方便为标签定义CSS样式，而不用为每个标签都定义CSS样式。
下面我们讲一下最常用的五种CSS选择器：
一、标签选择器：通常用它来查找HTML中的某一种标签。
例如：
要为HTML中的所有P标签设计样式，可以使用下面的方法
p { font:12px;}
二、id选择器： � ......
