Maison  >  Article  >  interface Web  >  Comment taper du code CSS dans jsp

Comment taper du code CSS dans jsp

藏色散人
藏色散人original
2021-02-01 09:56:492081parcourir

Comment écrire du code CSS en jsp : 1. Utilisez la balise c9ccee2e6ea535a969eb3f532ad9fe89 pour définir une feuille de style interne en tête du document et écrivez le code CSS ; le code CSS des balises pertinentes.

Comment taper du code CSS dans jsp

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

Il existe deux manières d'écrire du code CSS en jsp :

Style interne : utilisez la balise c9ccee2e6ea535a969eb3f532ad9fe89 document, écrivez le code CSS

Style en ligne : utilisez l'attribut style pour écrire du code CSS dans la balise appropriée.

1. Styles internes

Lorsqu'un seul document nécessite des styles spéciaux, une feuille de style interne doit être utilisée. Des feuilles de style internes peuvent être définies en tête du document à l'aide de la balise c9ccee2e6ea535a969eb3f532ad9fe89.

<style type="text/css">
        .loginBtn{
            display:block;
            cursor: pointer;
            height: 32px;
            margin-bottom: 1px;
            width: 100px;
        }
</style>

Recommandation : "Tutoriel vidéo CSS"

2. Style en ligne

En raison du mélange de performances et de contenu, le style en ligne De nombreux avantages des feuilles de style sera perdu. Utilisez cette approche avec prudence, par exemple lorsque le style ne doit être appliqué qu'une seule fois à un élément. Pour utiliser des styles en ligne, vous devez utiliser l'attribut style dans la balise appropriée. La propriété Style peut contenir n'importe quelle propriété CSS.

<input type="text" name="authCode" style="vertical-align: middle" />

En fait, il existe une autre façon (recommandée) d'ajouter des styles CSS dans jsp, qui est le style externe

Style externe :

Quand le style doit être appliqué sur plusieurs pages, une feuille de style externe serait idéale. Avec les feuilles de style externes, vous pouvez modifier l'apparence de l'ensemble de votre site en modifiant un fichier. Chaque page est liée à la feuille de style à l'aide de la balise 2cdf5bf648cf2f33323966d7f58a7f3f

<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />

Il existe trois façons d'insérer des styles CSS dans les pages JSP, avec des priorités différentes. Les détails sont les suivants : style externe, style interne et style en ligne. La priorité augmente dans l'ordre !

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:
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