So fügen Sie der JSP-Seite einen CSS-Stil hinzu

So fügen Sie der JSP-Seite einen CSS-Stil hinzu: 1. Verwenden Sie das Tag „<link>“ auf der JSP-Seite, um das CSS-Stylesheet zu verknüpfen der interne Stil in der Dokumentkopftabelle 3. Verwenden Sie das Stilattribut im Tag-Element der JSP-Seite, um einen beliebigen CSS-Stil einzuschließen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Empfohlen: CSS-Video-Tutorial

Es gibt drei Möglichkeiten, CSS-Stile in JSP-Seiten einzufügen, und ihre Prioritäten sind unterschiedlich. Die Details lauten wie folgt: externer Stil, interner Stil und Inline-Stil. Die Priorität steigt der Reihe nach!

---

【1】Externe Stile
Wenn Stile auf viele Seiten angewendet werden müssen, sind externe Stylesheets die ideale Wahl. Mit externen Stylesheets können Sie das Aussehen Ihrer gesamten Website ändern, indem Sie eine Datei ändern. Jede Seite verlinkt über das Tag <link> auf das Stylesheet. <link>标签链接到样式表。

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

rel属性规定当前文档与被链接文档之间的关系，在该例子中rel 属性指示被链接的文档是一个样式表。

---

【2】内部样式
当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用<style>

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

Das rel-Attribut gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument an. In diesem Beispiel gibt das rel-Attribut an, dass es sich bei dem verknüpften Dokument um ein Stylesheet handelt.

---

【2】Interne Stile

Wenn ein einzelnes Dokument spezielle Stile erfordert, sollten interne Stylesheets verwendet werden. Interne Stylesheets können am Kopf des Dokuments mit dem Tag <style> definiert werden.

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

【3】Inline-Stile 🎜 🎜 Inline-Stile verlieren viele der Vorteile von Stylesheets, weil sie Präsentation und Inhalt vermischen. Verwenden Sie diesen Ansatz mit Vorsicht, beispielsweise wenn der Stil nur einmal auf ein Element angewendet werden muss. Um Inline-Stile zu verwenden, müssen Sie das style-Attribut innerhalb des entsprechenden Tags verwenden. Die Style-Eigenschaft kann eine beliebige CSS-Eigenschaft enthalten. 🎜rrreee🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programming Learning🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonSo fügen Sie der JSP-Seite einen CSS-Stil hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!