谁来给个服务器端控件css样式的对应关系

[不若人生一场醉]

例如gridview在客户端呈现为table，所以可以在css中定义table的样式来改变gridview的呈现，还有linkbutton对应的是hyperlink、panel对应div等等，这些控件能否使用所有的css样式？还是某些css样式无效？谁给给比较完整的对应列表和注意事项什么的，给链接也可以。

[bdmh]

http://hi.baidu.com/tei1981/item/9912f5be8b148fd684dd7998

[xiangaylian]

引用 楼主 bluekitty 的回复:

这些控件能否使用所有的css样式？

如果控件本身定义了某些CSS样式，基于CSS就近原则来说，定义的样式应该会比你的CSS优先，除非他提供了属性给你修改。 Web工具箱中的控件类别那么多，你在用到的时候去html页面看看不就好了么。。。

[心灵彩虹]

GridView CSS 样式表 （蓝色朴素）


<style type="text/css">
.GridViewStyle
{  
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}
.GridViewStyle. a
{
    color: #FFFFFF;
}
.GridViewHeaderStyle. th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}
.GridViewHeaderStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}
.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}
.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
}
.GridViewAlternatingRowStyle
{
    background-color: #FFFFFF;
    color: #284775;
}
.GridViewRowStyle. td, .GridViewAlternatingRowStyle. td
{
    border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}
.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}
.GridViewPagerStyle. table
{
    margin: 0 auto 0 auto;
}
</style>


    <asp:GridView ID="gv1" runat="server" CssClass="GridViewStyle">
        <FooterStyle CssClass="GridViewFooterStyle"/>
        <RowStyle CssClass="GridViewRowStyle"/>   
        <SelectedRowStyle CssClass="GridViewSelectedRowStyle"/>
        <PagerStyle CssClass="GridViewPagerStyle"/>
        <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle"/>
        <HeaderStyle CssClass="GridViewHeaderStyle"/>
    </asp:GridView>

[心灵彩虹]

http://www.cnblogs.com/peak-weng/articles/1043098.html http://www.wiseowl.co.uk/blog/s262/css-tables.htm 另一个：

GridViewStyle
  {  
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      border-left: 2px solid white;
      border-top: 2px solid white;
      padding: 18px;
      width:500px;
      font-size:15px;
 }
 
.GridViewHeaderStyle th
{
     border-left: 1px solid #EBE9ED;
     border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
}

.GridViewFooterStyle
{
     background-color: #5D7B9D;
     font-weight: bold;
     color: White;
}

.GridViewRowStyle
{
     background-color: #F7F6F3;
     color: #333333;
}

.GridViewAlternatingRowStyle
{
     background-color: #FFFFFF;
     color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle
{
     border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
     background-color: #E2DED6;
     font-weight: bold;
     color: #333333;
}


.GridViewPagerStyle
{
     background-color:#5D7B9D;
     color: #FFFFFF;
}

.GridViewPagerStyle table
{
     margin: 0 auto 0 auto;
}

li.gobackMain a
{
 color:Blue;
}



以下为使用示例: 关键部分
<asp:GridView ID="GridView1" runat="server"  onpageindexchanging="GridView1_PageIndexChanging" CssClass="GridViewStyle">
                <FooterStyle CssClass="GridViewFooterStyle" />
                <RowStyle CssClass="GridViewRowStyle" />  
                <SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
                <PagerStyle CssClass="GridViewPagerStyle" />
                <AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
                <HeaderStyle CssClass="GridViewHeaderStyle" />

                <Columns>
                   <asp:BoundField DataField="文件名" HeaderText="文件名" />
                   <asp:TemplateField HeaderText="下载路径">
                        <AlternatingItemTemplate>
                            <a href='<%#eval_r("路径") %>'>下载</a>
                        </AlternatingItemTemplate>
                        <ItemTemplate>
                            <a href='<%#eval_r("路径") %>'>下载</a>
                        </ItemTemplate>
                  </asp:TemplateField>
                </Columns>

                <EmptyDataTemplate>
                    提示：当前没有任何记录
                </EmptyDataTemplate>
            </asp:GridView>

[H_Gragon]

引用 4 楼 gefangliang 的回复:

http://www.cnblogs.com/peak-weng/articles/1043098.html http://www.wiseowl.co.uk/blog/s262/css-tables.htm 另一个： C# code? 1234567891011121314151617181920212223242526272829303132333435363738……

同意！

[爱在夕阳下]

这个嘛 多看看 就行了