Heim  >  Artikel  >  Web-Frontend  >  Die Verwendung von CSS-Stilen in ASP.NET

Die Verwendung von CSS-Stilen in ASP.NET

零下一度
零下一度Original
2017-04-27 13:55:442082Durchsuche

1 Verwenden Sie das Link-Tag, um den Stil aufzurufen, dh den Stil in der CSS-Datei aufzurufen. Sie können die CSS-Datei direkt in den Kopf der HTML-Seite ziehen

Diese Methode wird geladen Zuerst das CSS und dann das HTML laden

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

2 Style-Tag verwenden

<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 Zum Laden importieren, zuerst HTML laden, dann CSS laden

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

4 in Verwendung in default.css

1 Wenn Sie nur den Typ des Steuerelements schreiben, bedeutet dies, dass Steuerelemente dieses Typs diesen Stil verwenden

2 Wenn Sie den Stil für ein bestimmtes Steuerelement festlegen möchten, verwenden Sie #

Zum Beispiel: Datei „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 Für Steuerelemente können Sie Attribute verwenden. Ladestil

1 Verwenden Sie das Stilattribut direkt style=" width:auto; height:auto; margin-left:auto; margin- right:auto;"

2 Verwenden Sie class, um den Stil im Kopf aufzurufen

3 Verwenden Sie CssClass, um den Stil im Kopf aufzurufen

<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 Der Hintergrund ist der Vordergrund. Schaltfläche „Stil hinzufügen“

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

7 Sie können iteratives Schreiben verwenden

um anzuzeigen, dass der Stil von li unter ul unter Menü eingestellt wird

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

Das obige ist der detaillierte Inhalt vonDie Verwendung von CSS-Stilen in ASP.NET. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn