点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

CSS样式之ASP.NET的使用

来源：动视网责编：小采时间：2020-11-27 18:51:52

CSS样式之ASP.NET的使用

CSS样式之ASP.NET的使用:1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面此方法先加载css，后加载html<head runat="server"> <title>网页标题</title> <link href=&q

推荐度：

点击下载本文 文档为doc格式

导读CSS样式之ASP.NET的使用:1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面此方法先加载css，后加载html<head runat="server"> <title>网页标题</title> <link href=&q

1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面

此方法先加载css，后加载html

<head runat="server">
 <title>网页标题</title>
 <link href="Css/default.css" rel="stylesheet" type="text/css" /> 
</head>

2 使用style标签

<head runat="server">
 <title>网页标题</title>

 <link href="Css/default.css" rel="stylesheet" type="text/css" />
 
 <style type="text/css">
 body
 {
 width:100%;
 }
 
 </style>

</head>

3 import加载，先加载html，后加载css

 <style type="text/css">
 
 @import url('css/default.css');
 
 </style>

4 在default.css中的使用

1 如果只写控件的类型，表示该类型的控件都用这样的样式

2 如果想对某一控件进行设置样式使用 #

举个栗子: defaullt.css 文件

body 
{
 padding: 0px;
 margin: 0px;
 width:960px;
 height:auto;
 display:block;
 margin-left:auto;
 margin-right:auto; 
}
 
#p_Top
{
 width:100%;
 height:80px;
 margin:0 auto;
 background-color:White;
 display:block;
}

#p_Mid
{
 width:100%;
 height:auto;
 margin:0 auto;
 background-color:White;
 display:block;
 min-height:420px;
}

#p_Footer
{
 width:100%;
 height:30px;
}


#Select,#Insert,#Delete,#Update
{
 width:90px;
 margin-left:auto;
 margin-right:auto;
 height:90px;
 font-size:15px;
 border: 3px solid #33CCFF;
}

#Select:hover,#Insert:hover,#Delete:hover,#Update:hover
{
 cursor:pointer;
 background-color:#33CCFF;
}

5 对于控件而言可以使用属性加载样式

1 使用style属性直接使用 style=" width:auto; height:auto; margin-left:auto; margin-right:auto;"

2 使用class 调用head里的样式

3 使用CssClass 调用head里的样式

<style type="text/css">
 
 .Bt
 {
 width:80px;
 height:25px;
 border:none;
 }
 
 .Bt:hover
 {
 cursor:pointer;
 background-color:#33CCFF;
 }
 
 .closed
 {
 border-style: none;
 height:21px;
 width:21px;
 background-image: url('/Images/closed.png');
 background-repeat:no-repeat;
 }
 
 .closed:hover
 {
 cursor:pointer;
 }
 
 </style>

6 后台为前台按钮添加样式

bt.Attributes.CssStyle.Value = "background-color:Gray;";

7 可以用迭代写法

表示设置 Menu下的ul下的li的样式

#Menu ul li
	{
	width:100%;
	
	border:1px dotted gray;
	margin:0;
	padding:0;
	}

CSS样式之ASP.NET的使用

推荐度：

点击下载本文 文档为doc格式

标签：使用用法样式

热门焦点

CSS样式之ASP.NET的使用

CSS样式之ASP.NET的使用

1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面

此方法先加载css，后加载html

2 使用style标签

3 import加载，先加载html，后加载css

4 在default.css中的使用

5 对于控件而言可以使用属性加载样式

6 后台为前台按钮添加样式

7 可以用迭代写法

CSS样式之ASP.NET的使用

最新推荐

猜你喜欢

热门推荐

CSS样式之ASP.NET的使用

CSS样式之ASP.NET的使用

1 使用link标签去调用样式，即调用css文件中的样式，可以直接将CSS文件拖拽到html页的head下面

此方法先加载css，后加载html

2 使用style标签

3 import加载，先加载html，后加载css

4 在default.css中的使用

5 对于控件而言 可以使用属性加载样式

6 后台为前台按钮添加样式

7 可以用 迭代写法

CSS样式之ASP.NET的使用

最新推荐

猜你喜欢

热门推荐

5 对于控件而言可以使用属性加载样式

7 可以用迭代写法