CSS-Tags (Grundlage)

Diese Dokumentation ist stark vereinfacht und beschränkt sich auf die wesentlichen Grundlagen.

 

Grundlage

 

HTML Klassen

Die CSS-Datei besteht aus einer Reihe von Klassen. Eine Klasse besteht aus dem Namen, gefolgt von einer geschweiften Klammer, in welche die einzelnen Definitionen notiert werden. Die Namen der HTML-Tags können 1:1 übernommen werden.

In obigem Beispiel bekommt das Body-Tag einen weissen Hintergrund und schwarzen Text, die Schrift und die Grösse ist definiert. Das gilt erst mal global, solange ein anderes Tag die Werte nicht überschreibt.

Anschliessend bekommen h1 und h2 eine andere Textfarbe (grau). Alle anderen Werte werden vom body übernommen.

Im nächsten Schritt werden h1 und h2 jeweils eine eigene Textgrösse zugeordnet. Alle anderen Werte bleiben wie definiert.

Da für das P-Tag keine Definition vorhanden ist, übernehmen die Absätze die Werte des Body-Tag.

Das ist die sparsamste Codierung, die so anzuwenden auch Sinn macht. Man könnte auch jede Klasse einzeln aufführen und jeweils alle 4 Definitionen eintragen. Das bläst aber nur den Code unnötig auf.

Wie Sie sehen können Sie die Klassen einzeln listen oder gruppiert.

 

Eigene Klassen

Nebst den vorgegebenen HTML Klassen können Sie beliebig weitere Klassen definieren. Diese weisen einfach z.B. einem Absatz zu, indem Sie ihm das Attribut class mit dem Namen Ihrer Klasse anfügen.

In unserem Beispiel mit der Klasse info-grey sehen Sie der Hinweis mit dem grauen Hinweis und der senkrechten Linie zustanden gekommen ist.

Klassen können Sie jedem HTML-Tag zuweisen, insbesondere dem <div> und dem <span>.

Seite erstellt: am 18.10.2017,   aktualisiert am: 21.11.2017,   Autor: René A. Da Rin



Schreibe eine Antwort

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

 

Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies und der Datenübermittlung zu Dritten zu. [ weitere Informationen ]

Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Diese Webseite verwendet weiter 'Akismet' und 'Jetpress' für die Einbindung von Social Media und der Abwehr von Spam. Welche Daten dabei an externe Server übermittelt wird ist durch den Seitenbetreiber nicht zu beeinflussen. Diese Daten sind jedoch für ein vollumfängliches funktionieren der Seite unerlässlich. Sollten Sie damit nicht einverstanden sein, dürfen Sie diese Webseite nicht weiter nutzen. Ausserdem sollten Sie sich darüber Gedanken machen, ob Sie das Internet überhaupt nutzen wollen. Das liest sich für Sie jetzt bestimmt etwas eigenartig, ist aber nun einfach mal so. Ein Datenschutzkonvormes Internet so wie es sich unsere Politiker vorstellen ist zum jetzigen Zeitpunkt nun einfach mal nicht möglich.

Bei den übermittelten Daten handelt es sich nicht um Ihren Namen, jedoch aber um Ihre IP-Adresse. Ändern Sie Diese nicht regelmässig, kann auf Grund dieser Daten ein Surfprofil der entsprechenden Adresse erstellt werden. Auch ist es langfristig dadurch möglich, der IP Ihre eMail-Adresse zuzuordnen und irgendwann auch Ihren Namen zu kennen. Auch ist Ihr Provider verpflichtet darüber Protokoll zu führen und langfristig zu speichern, wann Sie mit welcher IP unterwegs sind.

Der grösste Datensammler ist übrigens Google. Fragen Sie doch da mal nach, welche Daten über Sie gespeichert werden. Gem. der Datenschutzverordnung müssten Sie eigentlich darüber Auskunft erhalten.

Diese Webseite speichert lokal keine IP-Adressen der Besucher und hat auch keine Kenntniss über die wahre Identität seiner Besucher.

Aktivitäten im Adminbereich, dies beginnt bereits, wenn man versucht sich einzuloggen, werden vollumfänglich samt IP-Adresse protokolliert und für 60 Tage gespeichert.

Schließen