[转]我用的CSS样式[控件和页面]

Default.css

/**//* ========== body样式 ========== */
body
{}{}{}{
  background: #ffffff;
  border: 0px;
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  margin: 0px;
  text-align: left;
}
/**//* ========== 链接样式 ========== */
a
{}{}{}{
  color: #0000ff;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:link
{}{}{}{
  color: #0000cc;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:visited
{}{}{}{
  color: #0000cc;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:active
{}{}{}{
  color: #cc0000;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:hover
{}{}{}{
  color: #ff0000;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}

/**//* ========== 元素样式 ========== */
form
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

input
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
}
textarea
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
}
select
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  border: solid 1px #52758c;
  background: #eeeeee;
}
table
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
  border: none;
  padding: 0px; /**//*table-layout:fixed;*/
}
td
{}{}{}{
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
}
div
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
  border: none;
}
span
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
  border: none;
}
p
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
pre
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  word-break: break-all;
  word-wrap: break-word;
}
fieldset
{}{}{}{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  border: solid 1px #000000;
  width: 97%;
  word-break: break-all;
  word-wrap: break-word;
}
legend
{}{}{}{
  color: #d00000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}
hr
{}{}{}{
  width: 98%;
  height: 1px;
}

/**//* ========== 控件样式 ========== */
.iButtonNormal
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
  cursor: pointer;
}
.iButtonBold
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
  font-weight: bold;
  cursor: pointer;
}
.iTextArea
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iTextBox
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iFileUpload
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iSelect
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iCheckBox
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iRadio
{}{}{}{
  border: solid 1px #52758c;
  background: #eeeeee;
}

/**//* ========== 表单内容样式 ========== */
.iTable
{}{}{}{
  border: solid 1px #666666;
  border-collapse: collapse;
  background: #ffffff;
}
.iTable th
{}{}{}{
  border: solid 1px #666666;
  background: #E5EAFD;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  height: 23px;
}
.iTable td
{}{}{}{
  border: solid 1px #666666;
  vertical-align: middle;
}
.iTableAlternate
{}{}{}{
  background-color: #ffffee;
}
/**//* ========== 分页样式 ========== */
.iPager
{}{}{}{
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  font-weight: normal;
  text-align: center;
}
.iPager a
{}{}{}{
  margin-left: 2px;
  margin-right: 2px;
}

Default.skin

<asp:Button runat="server" CssClass="iButtonNormal" />
<asp:TextBox runat="server" CssClass="iTextBox" />
<asp:CheckBox runat="server" CssClass="iCheckBox" />
<asp:RadioButton runat="server" CssClass="iRadio" />
<asp:FileUpload runat="server" CssClass="iFileUpload" />

<asp:CheckBoxList runat="server" CssClass="iCheckBox" />
<asp:RadioButtonList runat="server" CssClass="iRadio" />

<asp:GridView Runat="server" CssClass="iTable" CellSpacing="1">
    <RowStyle HorizontalAlign="Center" />
    <AlternatingRowStyle CssClass="iTableAlternate" />
    <PagerStyle CssClass="iPager" HorizontalAlign="Right" />
    <PagerSettings Mode="NumericFirstLast" PageButtonCount="3" FirstPageText="首页" LastPageText="末页" PreviousPageText="前页" NextPageText="后页" />
</asp:GridView>