Rumah > Artikel > hujung hadapan web > CSS样式之ASP.NET的使用

CSS样式之ASP.NET的使用

零下一度asal: 2017-04-27 13:55:442082semak imbas

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(&#39;css/default.css&#39;);
        
   </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(&#39;/Images/closed.png&#39;);
            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;
		}

Atas ialah kandungan terperinci CSS样式之ASP.NET的使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：详解CSS中三种基本的定位机制Artikel seterusnya：你必须了解的三个 CSS小技巧

Artikel berkaitan

Lihat lagi