So geben Sie CSS-Code in JSP ein

So schreiben Sie CSS-Code in JSP: 1. Verwenden Sie das Tag c9ccee2e6ea535a969eb3f532ad9fe89, um ein internes Stylesheet am Kopf des Dokuments zu definieren und den CSS-Code zu schreiben CSS-Code.

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

Es gibt zwei Möglichkeiten, CSS-Code in JSP zu schreiben:

Interner Stil: Verwenden Sie das c9ccee2e6ea535a969eb3f532ad9fe89-Tag, um ein internes Stylesheet am Kopf des Dokuments zu definieren und CSS-Code zu schreiben.

Inline-Stil: im Relevantes Tag Verwenden Sie das Style-Attribut, um CSS-Code zu schreiben.

1. 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 c9ccee2e6ea535a969eb3f532ad9fe89 definiert werden.

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

Empfohlen: „CSS-Video-Tutorial“

2. Inline-Stile

Aufgrund der Vermischung von Leistung und Inhalt verlieren Inline-Stile viele Vorteile von Stylesheets. 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.

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

Tatsächlich gibt es eine andere Möglichkeit (empfohlen), CSS-Stile in JSP hinzuzufügen, und das ist der externe Stil

Externer Stil:

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 mit dem 2cdf5bf648cf2f33323966d7f58a7f3f-Tag auf das Stylesheet.

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

Drei Möglichkeiten zum Einfügen von CSS-Stilen in JSP-Seiten mit unterschiedlichen Prioritäten. Die Details lauten wie folgt: externer Stil, interner Stil und Inline-Stil. Die Priorität steigt der Reihe nach!

Das obige ist der detaillierte Inhalt vonSo geben Sie CSS-Code in JSP ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!