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:442106Durchsuche
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('css/default.css');
</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('/Images/closed.png');
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!