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 style
listet alle „Stile“ auf, die auf das Tag angewendet werden müssen.
Nehmen wir an, Sie möchten ein Bild als Quadrat anzeigen 100*100
und 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 HTML
kann 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 border
oder an font
.