Maison interface Web tutoriel CSS Comment introduire le CSS dans aspx ?

Comment introduire le CSS dans aspx ?

May 15, 2019 am 11:56 AM
css

Comment introduire le CSS dans aspx ?

Comment introduire le CSS dans aspx :

1 Vous pouvez l'écrire directement dans le contrôle. qui nécessite un contrôle de style Ici

Par exemple : <div style="border:#ff6100 1px solid"></div> est la couleur de la bordure du div, avec une épaisseur de 1. pixel et une ligne de vue solide.

Par exemple : <style></style>

2. Écrit dans la page

peut être attribué à plusieurs contrôles. le nom doit être le même et peut également être appelé par la classe du contrôle ou la classe css. La différence entre les contrôles côté client et les appels côté serveur est par exemple :

<style type="text/css"&gt. ; Écrivez l'attribut style au milieu : Par exemple, la page a Plusieurs contrôles avec le nom textinfo peuvent être écrits sous la forme

1

#textinfo {border:#ff61001px solid;}

Copier après la connexion

ou .textcss, mais l'espace requis doit être dans class="textcss" pour être effective</style> Ceci est écrit dans la balise <head>

3. Ajoutez du CSS de manière statique, ce qui consiste à citer directement le CSS :

1) Ajoutez d'abord à la balise head dans la page aspx :

1

&lt;link rel=&quot;stylesheet&quot; href=&quot;pagecss.css&quot; type=&quot;text/css&quot; /&gt;

Copier après la connexion

Cela signifie appliquer les styles du fichier pagecss.css dans le même répertoire.
2) Utiliser CSS pour définir le style d'un bouton dans le fichier aspx :

1

&lt;asp:Button id=&quot;Btn_query&quot; runat=&quot;server&quot; Text=&quot;搜  索&quot; CssClass=&quot;button&quot;&gt;&lt;/asp:Button&gt;

Copier après la connexion

3) Définir le fichier Pagecss.css dans le même répertoire :

1

2

3

4

5

p {  font-size: 9pt}

a:hover {  font-size: 9pt; color: #FF0000; text-decoration: none}

a:link {  font-size: 9pt; color: #0000FF; text-decoration: none}

a:visited {  font-size: 9pt; color: #990099; text-decoration: none}

.button { font-size:9pt;background:lightgreen;border-color:black;border-width:1pt;height:20}

Copier après la connexion

4. Transformation dynamique :

Dans asp.net, il est parfois nécessaire de transformer dynamiquement le CSS, par exemple, parfois lors de la création de pages personnalisées, vous pouvez le faire
1 ) Vous devez encore l'ajouter dans le head. Ajoutez la déclaration de balise dans la balise :
<link id="MyStyleSheet" rel="stylesheet" type="text/css" runat="server" />
2) Après cela, sur la page où vous souhaitez remplacer le CSS, utilisez le code js suivant

1

2

3

4

void fuction

{

   MyStyleSheet.Attributes.Add(&quot;href&quot;,&quot;/css/flostyle.css&quot;)

}

Copier après la connexion

3) La page peut contrôler dynamiquement le fichier css à référencer.

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!

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

Article chaud

Musée de deux points: Guide de localisation de Bungle Wasteland
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Musée de deux points: Guide de localisation de Bungle Wasteland
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que signifie l'espace réservé en vue Que signifie l'espace réservé en vue May 07, 2024 am 09:57 AM

Que signifie l'espace réservé en vue

Comment écrire des espaces dans vue Comment écrire des espaces dans vue Apr 30, 2024 am 05:42 AM

Comment écrire des espaces dans vue

Que signifie span en js Que signifie span en js May 06, 2024 am 11:42 AM

Que signifie span en js

Comment avoir dom en vue Comment avoir dom en vue Apr 30, 2024 am 05:36 AM

Comment avoir dom en vue

Que signifie rem en js Que signifie rem en js May 06, 2024 am 11:30 AM

Que signifie rem en js

Comment introduire des images dans vue Comment introduire des images dans vue May 02, 2024 pm 10:48 PM

Comment introduire des images dans vue

Quelle est la fonction de la balise span Quelle est la fonction de la balise span Apr 30, 2024 pm 01:54 PM

Quelle est la fonction de la balise span

Dans quelle langue le plug-in du navigateur est-il écrit ? Dans quelle langue le plug-in du navigateur est-il écrit ? May 08, 2024 pm 09:36 PM

Dans quelle langue le plug-in du navigateur est-il écrit ?

See all articles