Comment introduire le CSS dans jsp

Comment introduire le CSS dans jsp : 1. Utilisez l'attribut href dans la balise de lien pour introduire le chemin du fichier CSS ; 2. Utilisez la feuille de style interne pour introduire le CSS ;

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

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

• jsp peut utiliser l'attribut href dans la balise link pour introduire le chemin du fichier CSS.

Enregistrez d'abord le contenu écrit de la feuille de style CSS au format *.css. Par exemple, style.css

introduit ce fichier de style CSS dans la page. Présentez-le de la manière suivante.

<link rel="stylesheet" href="./css/style.css" type="text/css">

Le href="./css/style.css" fait ici référence au chemin où le fichier CSS est stocké. '.'Demande le répertoire courant (c'est-à-dire le même répertoire que la page jsp qui introduit le fichier css)

L'attribut rel spécifie la relation entre le document actuel et le document lié. L'attribut rel indique que le document lié est une feuille de style.

Deux autres façons d'utiliser le CSS dans jsp :

• Style interne

Quand Quand un un seul document nécessite un style spécial, 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

Ajoutez des styles à l'aide des sélecteurs de classe.

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

• Styles en ligne

Les styles en ligne perdent de nombreux avantages des feuilles de style en mélangeant présentation et contenu. 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" />

Pour des connaissances HTML/CSS plus détaillées, veuillez visiter la colonne Tutoriel vidéo CSS !

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!