[转]我用的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>

发表回复

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