Heim  >  Artikel  >  Web-Frontend  >  So führen Sie CSS in JSP ein

So führen Sie CSS in JSP ein

藏色散人
藏色散人Original
2021-04-29 14:28:095174Durchsuche

So führen Sie CSS in JSP ein: 1. Verwenden Sie das href-Attribut im Link-Tag, um den CSS-Dateipfad einzuführen. 2. Verwenden Sie das interne Stylesheet, um CSS einzuführen.

So führen Sie CSS in JSP ein

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

Es gibt drei Möglichkeiten, CSS-Stile in JSP-Seiten einzuführen, 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!

  • jsp kann das href-Attribut im Link-Tag verwenden, um den CSS-Dateipfad einzuführen.

Speichern Sie zunächst den geschriebenen CSS-Stylesheet-Inhalt im *.css-Format. Zum Beispiel style.css

Fügen Sie diese CSS-Stildatei in die Seite ein. Stellen Sie es folgendermaßen vor.

<link rel="stylesheet" href="./css/style.css" type="text/css">

Das href="./css/style.css" bezieht sich hier auf den Pfad, in dem die CSS-Datei gespeichert ist. '.'Fordert das aktuelle Verzeichnis an (d. h. dasselbe Verzeichnis wie die JSP-Seite, die die CSS-Datei einführt)

Das rel-Attribut gibt die Beziehung zwischen dem aktuellen Dokument und dem verknüpften Dokument an. In diesem Beispiel gibt das rel-Attribut dies an Das verlinkte Dokument ist ein Stylesheet.

Zwei weitere Möglichkeiten, CSS in JSP zu verwenden:

  • 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.

Fügen Sie Stile mithilfe von Klassenselektoren hinzu.

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

Inline-Stile verlieren viele der Vorteile von Stylesheets, indem 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.

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

Für detailliertere HTML/CSS-Kenntnisse besuchen Sie bitte die Rubrik „CSS-Video-Tutorial“!

Das obige ist der detaillierte Inhalt vonSo führen Sie CSS in JSP ein. 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