ASP。NET学习四

luweifeng1983

浏览: 1229821 次
性别:
来自: 深圳

最近访客更多访客>>

jackzou

huanggua12353719

zhutiehan

flyelf

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

.Net开发

ASP.net .net ASP CSS 应用服务器

一、制作登录窗体：Login.aspx

按钮事件： Login按钮，添加事件：onclick="alert('about to login!')";

这里用到客户端脚本代码，一般用Javascript编写，要把握关键点学习它。

二、对登录窗体进行改头换面：学习使用CSS

为了创建能跨多个Web窗体工作的css祥式表，可以将它创建为一个单独的项，然后将该项附到所有的web窗体中，这些窗体包含了我们想要使用的定义。

1、为整个网站添加CSS样式方法：
(1)为整洁起见，我们还是将样式表放入它自己的子文件夹中。在解决方案管理器中添加Style文件夹。
(2)右击新文件夹，而后选择AddNewltem。从右边的窗口中选择取styleSheet，将之命名为iestyle.css。起初，新文件只能包含一个空的body元素，表示页面背景设置。右击body元素并从菜单中选择Build sty1e，这时就会出现视图界面。我们可以用它来指定应用于整个应用程序的外观特征。
(3)从style BuIder左边的列表中选择Background类别，并从下拉列表中选择一种颜色。在此选择sliver,但您也可以依自己的喜好来选择颜色，选好颜色后单击oK按钮。
(4)下一步，要确保应用程序中所有的表都有同样的基本外观。右击样式表的任何地方，选择Add Sty1e Rule。从显示出来的对话框上的E1ement下拉列表框中选择TABLE，并单击0K按钮。
(5)右击新的TABLE元素再次选择BuiH Style.选择Tahoma字体，在Size区域的Span字段中输入8pt.
(6)单击oK按钮保存样式表.现在我想将登录页面应用刚才的样式：
在login.aspx中的<head></head>中添加代码：
<link href="../Style/iestyle.css" type="text/css" rel="stylesheet" />
这里样式文件名为：iestyle.css,放在解决方案管理器的Style文件夹下。这样即可实现应用样式了。
2、创建更灵活的样式表：使用CSS类

（1）在样式表中右键，添加样式规则，选择“类名”，输入名称TextBox（现在只对登录窗体中的TextBox控件使用样式，输入名称后，在“样式规则预览”中会产生名称为.TextBox的类。然后在样式文件中加入代码：

.TextBox
{
border-right: #c7ccdc 1px solid;
border-left: #c7ccdc 1px solid;
border-bottom: #c7ccdc 1px solid;
border-top: #c7ccdc 1px solid;
font-size: 8pt;
font-family: Tahoma,Verdana, 'Times New Roman';

}

当然也可以点右键生成样式。

（2）在Login.aspx设计界面，为TextBox的class属性设为TextBox即可应用刚编写好的样式类了。

（3）当然这种方式也是少不了以下代码的。

3、以上应用的是HTML控件，如果为是WEB服务器控件则在属性列表中选择的是CSSCLASS属性，并在页面上加入代码：<link href="../Style/iestyle.css" type="text/css" rel="stylesheet" />即可。

分享到：

ASP。NET学习六 | ASP。NET学习三

2008-01-17 11:24
浏览 948
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论