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

在 上张贴 由 Arno发表回复

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>

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注