Maison > interface Web > tutoriel CSS > le corps du texte

Utilisation des styles CSS dans ASP.NET

零下一度
Libérer: 2017-04-27 13:55:44
original
2111 Les gens l'ont consulté

1 Utilisez la balise link pour appeler le style, c'est-à-dire appeler le style dans le fichier CSS Vous pouvez directement faire glisser le fichier CSS vers l'en-tête de la page html

Cette méthode se charge. le CSS d'abord, puis charge le HTML

<head runat="server">
   <title>网页标题</title>
   <link href="Css/default.css" rel="stylesheet" type="text/css" />   
</head>
Copier après la connexion

2 Utilisez la balise de 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>
Copier après la connexion

3 import pour charger, chargez d'abord le HTML, puis chargez le CSS

   <style type="text/css">
        
        @import url(&#39;css/default.css&#39;);
        
   </style>
Copier après la connexion

4 dans Utilisation dans default.css

1 Si vous écrivez uniquement le type de contrôle, cela signifie que les contrôles de ce type utilisent ce style

2 Si Si vous souhaitez définir le style d'un certain contrôle, utilisez #

Par exemple : fichier 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;
}
Copier après la connexion

5 Pour les contrôles, vous pouvez utiliser les attributs Loading style

1 Utilisez directement l'attribut style style=" width:auto; height:auto; margin-left:auto; margin- right:auto;"

2 Utilisez la classe pour appeler le style dans la tête

3 Utilisez CssClass pour appeler le style dans la tête

<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>
Copier après la connexion
🎜>

6 L'arrière-plan est le premier plan Bouton ajouter du style

bt.Attributes.CssStyle.Value = "background-color:Gray;";
Copier après la connexion

7 Vous pouvez utiliser l'écriture itérative

#Menu ul li
		{
			width:100%;
			
			border:1px dotted gray;
			margin:0;
			padding:0;
		}
Copier après la connexion
pour indiquer le réglage du style de li sous ul sous Menu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal