5.1 Das Stilattribut eines Tags

Und noch ein paar nützliche Dinge über HTML. Mit zunehmender Beliebtheit des Internets stieg die Nachfrage nach schönen oder sehr schönen Webseiten. Dieses Problem wurde durch die Verwendung von gelöst style.

Die allgemeine Form dieses Attributs hat das folgende Format:


        <tag style="name=value;name2=value2;nameN=valueN">

Der durch ein Semikolon getrennte Attributwert stylelistet alle „Stile“ auf, die auf das Tag angewendet werden müssen.

Java webinar

Nehmen wir an, Sie möchten ein Bild als Quadrat anzeigen 100*100und es gleichzeitig halbtransparent machen. Dazu müssen Sie spezielle Stile hinzufügen:

  • Breite=100px;
  • Höhe=100px;
  • Opazität=0,5;

Dann sieht der HTML-Code mit diesem Bild so aus:


       <img src="logo.png" style="width=100px;height=100px;opacity=0.5">

Es gibt Hunderte, wenn nicht Tausende von Stilen. Und Browser-Entwickler lassen sich ständig neue einfallen. Es ist gut, dass du eine Ausbildung zum Java-Entwickler und nicht zum Webdesigner absolvierst :)

5.2 Beliebte CSS-Stile

Es ist unwahrscheinlich, dass Sie in Ihrem Leben viel HTML-Code schreiben oder seine Stile bearbeiten, aber es kann alles passieren. Sie schreiben beispielsweise ein paar kleine HTML-Seiten, um die zu testen API. Daher HTMLkann es hilfreich sein, die grundlegenden Stile zu kennen.

Nachfolgend sind die 10 häufigsten für Backend-Entwickler aufgeführt:

# Name Beispiel Beschreibung
1 Breite Breite: 100px Elementbreite in Pixel
2 Höhe Höhe: 50 % Höhe des Elements als Prozentsatz (der Breite des übergeordneten Elements)
3 Anzeige Anzeige: keine Anzeigeelement (Element nicht anzeigen)
4 Sichtweite Sichtbarkeit: ausgeblendet Elementsichtbarkeit (Element ist ausgeblendet, aber Platz ist dafür reserviert)
5 Farbe Farbe Rot; Textfarbe
6 Hintergrundfarbe Hintergrundfarbe: Rauch Hintergrundfarbe
7 Grenze Rand: 1 Pixel einfarbig schwarz; Rand (Breite 1 Pixel, Farbe Schwarz, durchgezogene Linie)
8 Schriftart Schriftart: Verdana 10pt Schriftart: Verdana, Größe 10pt
9 Textausrichtung Textausrichtung: Mitte; Textausrichtung horizontal
10 Rand Rand: 2px Polsterung außerhalb des Elements

Sie müssen sich diese Tags nicht merken, alles ist im Internet verfügbar. Darüber hinaus verfügt jeder „Stil“ über einen eigenen Satz gültiger Werte und ein eigenes Format zur Beschreibung des Werts. Schauen Sie sich zumindest borderoder an font.