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.
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" />
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>
[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" />
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!