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

Comment ajouter un style CSS à une page jsp

青灯夜游
Libérer: 2023-01-04 09:37:47
original
9746 Les gens l'ont consulté

Comment ajouter un style CSS à une page jsp : 1. Utilisez la balise "<link>" dans la page jsp pour lier la feuille de style CSS ; page jsp dans l'en-tête du document Définissez la feuille de style interne ; 3. Utilisez l'attribut style dans l'élément tag de la page jsp pour inclure n'importe quel style CSS.

Comment ajouter un style CSS à une page jsp

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

Recommandé : Tutoriel vidéo CSS

Il existe trois façons d'insérer 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 !


【1】Styles externes
Les feuilles de style externes sont idéales lorsque les styles doivent être appliqués à plusieurs pages. Avec les feuilles de style externes, vous pouvez modifier l'apparence de l'ensemble de votre site en modifiant un fichier. Chaque page utilise la balise <link> pour créer un lien vers la feuille de style.

<link rel="stylesheet" type="text/css" href="<%=uiPath%>hwtt_ui/skins/<%=skinName%>/css/login.css" />
Copier après la connexion

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


【2】Styles internes
Lorsqu'un seul document nécessite des styles spéciaux, des feuilles de style internes doivent être utilisées. Des feuilles de style internes peuvent être définies en tête du document à l'aide de la balise <style>.

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

[3] Styles en ligne
Les styles en ligne perdent de nombreux avantages des feuilles de style car ils mélangent 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" />
Copier après la connexion

Pour plus de connaissances liées à la programmation, veuillez visiter : Apprendre la programmation ! !

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