____________新手求教asp.net统一界面风格的问题!谢谢前辈指点! 我在用vs.net 作asp.net的网页,现在想统一web的风格,那该如何操作呢?是用传统的css样式表,还是用户自定义控件?两个方法又该如何具体操作呢?能否给各具体的例子!谢谢前辈们! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 用css比较好,用用户控件是个办法,但用户控件的样式也可以用css来控制的啊。 头,脚,导航条之类的公用部分可以用用户控件,不过正如 skytear() 所说,用户控件的样式还是css控制的。 就我的经验是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>... 哦!谢谢前辈们,现在还有两个问题不太清楚1)如果在vs.net中使用css,是不是还是在html代码中加上类似<LINK href="index.css" type="text/css" rel="stylesheet">的语句,还是有其他的办法?2)在具体调用的时候呢?是不是用类似的<H1>文字</H1>3) 还有就是怎样在css中设置控件的风格呢?比如button的。谢谢 谢谢前辈们,现在还有两个问题不太清楚1)如果在vs.net中使用css,是不是还是在html代码中加上类似<LINK href="index.css" type="text/css" rel="stylesheet">的语句,还是有其他的办法?2)在具体调用的时候呢?是不是用类似的<H1>文字</H1>3) 还有就是怎样在css中设置控件的风格呢?比如button的。谢谢 类似于这样 <LINK href="style.css" type="text/css" rel="stylesheet">把css文件和源文件放到同一文件夹 具体调用最好用table来做 容易控制些 "具体调用最好用table来做" 这个怎么做呢?谢谢前辈指点! 控件还有CSSCLASS属性,可以单独控制的 1)那在css中怎样设置控件的属性呢?2)css"具体调用最好用table来做" 这个怎么理解呢?谢谢各位前辈指点 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} 用Css来控制编辑框(含多行),下拉组合框无法用Css控制,需到网上找相关控件,DataGrid不好用Css控制,要做成统一风格就行了 css和用户控件结合比较的好一点! 以下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控件 谢谢,太感激拉!还有一个问题:“css具体调用最好用table来做" 这个怎么理解呢? 谢谢,太感激拉!还有一个问题:“css具体调用最好用table来做" 这个怎么理解呢? 谢谢,太感激拉!还有一个问题:“css具体调用最好用table来做" 这个怎么理解呢? 對於web界面风格來說 css>用户控件 谢谢,太感激拉!还有一个问题:“css具体调用最好用table来做" 这个怎么理解呢? 服务器WIN2003 无法显示网页 AspNetPager 7.1 版源代码发布 请教 DataGrid中摸板列 <EditItemTemplate>中使用CheckBoxList 取值的问题,在线等,敬请赐教~ 关于OleDbParameter的问题!急,在线等 DataGrid中如何邦定某个表? 芝麻点点网的自动登录原理? 急!! 跪求!! 为何出错?Triggers, dropdownlist两级联动,触发一个updatePanel异步刷新列表 web:onclick 和onclientclick 执行问题 书上这段代码出错在何处? ASP求助??希望有人可以帮帮忙~~
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>
...
1)如果在vs.net中使用css,是不是还是在html代码中加上类似<LINK href="index.css" type="text/css" rel="stylesheet">的语句,还是有其他的办法?2)在具体调用的时候呢?是不是用类似的<H1>文字</H1>
3) 还有就是怎样在css中设置控件的风格呢?比如button的。谢谢
1)如果在vs.net中使用css,是不是还是在html代码中加上类似<LINK href="index.css" type="text/css" rel="stylesheet">的语句,还是有其他的办法?2)在具体调用的时候呢?是不是用类似的<H1>文字</H1>
3) 还有就是怎样在css中设置控件的风格呢?比如button的。谢谢
把css文件和源文件放到同一文件夹 具体调用最好用table来做 容易控制些
谢谢前辈指点!
2)css"具体调用最好用table来做" 这个怎么理解呢?谢谢各位前辈指点
<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
}
.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控件
还有一个问题:
“css具体调用最好用table来做" 这个怎么理解呢?
还有一个问题:
“css具体调用最好用table来做" 这个怎么理解呢?
还有一个问题:
“css具体调用最好用table来做" 这个怎么理解呢?
css>用户控件
还有一个问题:
“css具体调用最好用table来做" 这个怎么理解呢?