Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie der JSP-Seite einen CSS-Stil hinzu

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

青灯夜游
青灯夜游Original
2020-12-23 12:14:289742Durchsuche

So fügen Sie der JSP-Seite einen CSS-Stil hinzu: 1. Verwenden Sie das Tag „2cdf5bf648cf2f33323966d7f58a7f3f“ 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.

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

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 2cdf5bf648cf2f33323966d7f58a7f3f auf das Stylesheet. 2cdf5bf648cf2f33323966d7f58a7f3f标签链接到样式表。

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

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


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

    <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 c9ccee2e6ea535a969eb3f532ad9fe89 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn