我在用vs.net 作asp.net的网页,现在想统一web的风格,那该如何操作呢?
是用传统的css样式表,还是用户自定义控件?两个方法又该如何具体操作呢?能否给各具体的例子!谢谢前辈们!

解决方案 »

  1.   

    用css比较好,用用户控件是个办法,但用户控件的样式也可以用css来控制的啊。
      

  2.   

    头,脚,导航条之类的公用部分可以用用户控件,不过正如 skytear() 所说,用户控件的样式还是css控制的。
      

  3.   

    就我的经验是
    1、css样式控制界面的字体、颜色等最好不过。
    2、界面的头尾写成.ascx文件,然后在.aspx里调用。调用方法:
    <%@ Register TagPrefix="Wen" TagName="TopMessage" Src="~/top.ascx" %>
    ...
    <body>
    <table>
      <tr>
        <td><Wen:TopMessage ID="MyTop" runat =server /></td>
      </tr>
    </table>
    </body>
    ...
      

  4.   

    哦!谢谢前辈们,现在还有两个问题不太清楚
    1)如果在vs.net中使用css,是不是还是在html代码中加上类似<LINK href="index.css" type="text/css" rel="stylesheet">的语句,还是有其他的办法?2)在具体调用的时候呢?是不是用类似的<H1>文字</H1>
    3) 还有就是怎样在css中设置控件的风格呢?比如button的。谢谢
      

  5.   

    谢谢前辈们,现在还有两个问题不太清楚
    1)如果在vs.net中使用css,是不是还是在html代码中加上类似<LINK href="index.css" type="text/css" rel="stylesheet">的语句,还是有其他的办法?2)在具体调用的时候呢?是不是用类似的<H1>文字</H1>
    3) 还有就是怎样在css中设置控件的风格呢?比如button的。谢谢
      

  6.   

    类似于这样 <LINK href="style.css" type="text/css" rel="stylesheet">
    把css文件和源文件放到同一文件夹 具体调用最好用table来做 容易控制些
      

  7.   

    "具体调用最好用table来做" 这个怎么做呢?
    谢谢前辈指点!
      

  8.   

    控件还有CSSCLASS属性,可以单独控制的
      

  9.   

    1)那在css中怎样设置控件的属性呢?
    2)css"具体调用最好用table来做" 这个怎么理解呢?谢谢各位前辈指点
      

  10.   

    css样式控制字体和界面的控件风格 页面中这样使用
    <LINK href="img/DefaultSkin.css" type="text/css" rel="stylesheet">DefaultSkin.css文件
    BODY {
    SCROLLBAR-FACE-COLOR: #f6f6f6; FONT-SIZE: 9pt; BACKGROUND: url(bg.gif); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #330000; SCROLLBAR-TRACK-COLOR: #f6f6f6; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; TEXT-DECORATION: none
    }
    TD {
    FONT-SIZE: 9pt; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体
    }
    INPUT {
    BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #666666 1px solid; COLOR: #666666; BORDER-BOTTOM: #666666 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
    }
    BUTTON {
    FONT-SIZE: 9pt; HEIGHT: 20px
    }
    SELECT {
    FONT-SIZE: 9pt; HEIGHT: 20px
    }
    .top_userlogin {
    COLOR: #037fa8
    }
    .s_headline1 {
    COLOR: #ff6600
    }
    .s_headline2 {
    COLOR: #ff6600
    }
    .s_headline3 {
    COLOR: #ff6600
    }
    .s_headline4 {
    COLOR: red
    }
    .tablebg {
    FONT-SIZE: 12px; FONT-FAMILY: "arial", "helvetica", "sans-serif"; BACKGROUND-COLOR: #ffffff
    }
    .formtext {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; VERTICAL-ALIGN: text-bottom; BORDER-LEFT: #cccccc 1px solid; WIDTH: 70px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff
    }
    .formbutton {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; VERTICAL-ALIGN: bottom; BORDER-LEFT: #cccccc 1px solid; LINE-HEIGHT: 150%; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #d9d9d9; TEXT-ALIGN: center; TEXT-DECORATION: none
    }
    .formselect {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; VERTICAL-ALIGN: text-bottom; BORDER-LEFT: #cccccc 1px solid; WIDTH: 60px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff
    }
    .formselect1 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff
    }
    .formselect2 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; VERTICAL-ALIGN: 10%; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff
    }
    .formtext1 {
    BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 70px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "宋体"; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
    }
    .navbg {
    BACKGROUND-POSITION: left top; FONT-SIZE: 12px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: "arial", "helvetica", "sans-serif"; BACKGROUND-COLOR: #666666; TEXT-DECORATION: none
    }
      

  11.   

    用Css来控制编辑框(含多行),下拉组合框无法用Css控制,需到网上找相关控件,DataGrid不好用Css控制,要做成统一风格就行了
      

  12.   

    css和用户控件结合比较的好一点!
      

  13.   

    以下Css是XP风格的/*按钮风格*/
    .button_all {
    BORDER-RIGHT: #7b9ebd 1px solid; 
    PADDING-RIGHT: 5px; 
    BORDER-TOP: #7b9ebd 1px solid; 
    PADDING-LEFT: 5px; 
    FONT-SIZE: 9pt; 
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); 
    BORDER-LEFT: #7b9ebd 1px solid; 
    WIDTH: 48px; 
    CURSOR: hand; 
    BORDER-BOTTOM: #7b9ebd 1px solid
    }/*文本框边框颜色*/
    .BorderStyle
    {
    border-right: #7f9db9 1px solid;
    border-top: #7f9db9 1px solid;
    border-left: #7f9db9 1px solid;
    border-bottom: #7f9db9 1px solid;
    }
    /*组合框边框颜色*/
    .GroupBoxStyle
    {
    border-right: #666633 1px solid;
    border-top: #666633 1px solid;
    border-left: #666633 1px solid;
    border-bottom: #666633 1px solid;
    }/*滚动条颜色*/
    .body

    SCROLLBAR-FACE-COLOR: #c5d3fc; 
    SCROLLBAR-HIGHLIGHT-COLOR: #eeeeee; 
    SCROLLBAR-SHADOW-COLOR: #808080; 
    SCROLLBAR-3DLIGHT-COLOR: #eeeeee; 
    SCROLLBAR-ARROW-COLOR: #4d6185; 
    SCROLLBAR-TRACK-COLOR: #eeede5; 
    SCROLLBAR-DARKSHADOW-COLOR: #000000; 
    BACKGROUND-COLOR: white 
    }我用的组合框是msplus上的dropdownlist控件
      

  14.   

    谢谢,太感激拉!
    还有一个问题:
    “css具体调用最好用table来做" 这个怎么理解呢?
      

  15.   

    谢谢,太感激拉!
    还有一个问题:
    “css具体调用最好用table来做" 这个怎么理解呢?
      

  16.   

    谢谢,太感激拉!
    还有一个问题:
    “css具体调用最好用table来做" 这个怎么理解呢?
      

  17.   

    對於web界面风格來說
         css>用户控件
      

  18.   

    谢谢,太感激拉!
    还有一个问题:
    “css具体调用最好用table来做" 这个怎么理解呢?