Einführung in CSS-Befehle

CSS steht für Cascading Style Sheets. Es wird verwendet, um die Präsentation des Dokuments zu beschreiben, das in einer Auszeichnungssprache wie HTML geschrieben ist. Es dient zur Trennung von Präsentation und Inhalt, einschließlich unterschiedlicher Layouts, Farben und Schriftarten. Die Trennung bietet Flexibilität und Kontrolle über die verschiedenen Merkmale, die es mehreren Webseiten ermöglichen, die Formatierung durch Angabe von relevantem CSS zu teilen. Die CSS-Spezifikationen werden vom World Web Consortium verwaltet. Darüber hinaus werden spezielle Regeln bereitgestellt, die bei der alternativen Formatierung helfen, wenn auf den Inhalt von einem mobilen Gerät aus zugegriffen wird.

Grundlegende CSS-Befehle

1. CSS-Syntax: Es gibt eine Reihe von Regeln, die in CSS Command befolgt werden müssen. Der CSS-Regelsatz besteht aus einem Selektor und einem Deklarationsblock. Der Selektor zeigt auf das HTML-Element, das der Benutzer formatieren möchte. Der Deklarationsblock kann eine oder mehrere Deklarationen enthalten, die durch Semikolons getrennt werden können. Jede Deklaration sollte einen Eigenschaftsnamen enthalten, dessen Wert durch Doppelpunkte getrennt ist.

2. ID-Selektor : Der ID-Selektor kann die ID eines Attributs eines HTML-Elements verwenden und bei der Auswahl eines bestimmten Elements helfen. Es wird verwendet, um ein eindeutiges Element auszuwählen, und dieses Element sollte für diese Seite eindeutig sein. Um ein Element mit einer bestimmten ID auszuwählen, wird '#' verwendet, gefolgt von der ID dieses Elements.

3. Klassenauswahl: Um ein bestimmtes Klassenattribut auszuwählen, wird die Klassenauswahl verwendet, um die Elemente aus dieser Klasse auszuwählen. Um Elemente in einer bestimmten Klasse zu verwenden, wird ein Punkt (.) Verwendet. Es folgt der Name der Klasse. Wenn der Benutzer möchte, dass nur bestimmte Elemente verwendet werden, können nur diese von einer Klasse angegeben werden.

4. Gruppieren von Selektoren: Es gibt Zeiten, in denen Elemente dieselben Stildefinitionen haben. Es ist eine bessere Option, sie zu gruppieren und den Code zu minimieren. Für die Gruppe kann der Benutzer des Selektors ein Komma verwenden und jeden Selektor trennen

5. Kommentare: Diese CSS-Befehle sollten beim Schreiben von Code verwendet werden. Sie geben Klarheit darüber, was der Code tut, und helfen Ihnen oder jemand anderem, der neu im Code ist, daran entsprechend zu arbeiten. Kommentare werden von Browsern ignoriert. Ein CSS-Kommentar beginnt und endet mit / * * /.

6. Anzeige: Block - Viele HTML-Elemente sind auf diesen Anzeigemodus eingestellt. Standardmäßig nehmen die Elemente der Blockebene so viel Platz ein, dass sie mit keinem anderen Anzeigemodus in derselben Zeile platziert werden können. Es ist möglich, die Höhe und Breite des Elements nach Ihren Wünschen zu ändern.

7. Farben in CSS: In diesen CSS-Befehlen können Farben in RGB-Formeln angegeben werden. Jeder Parameter definiert die Intensität dieser Farben und definiert eine neue Farbe. Um beispielsweise Schwarz anzuzeigen, sollten alle Farbparameter auf RGB (0, 0, 0) eingestellt sein.

8. Hintergrundfarbe: Die Eigenschaft Hintergrundfarbe definiert die Farbe, die für den Hintergrund eines Elements eingestellt werden soll. Farbe kann einfach durch Angabe eines Farbnamens, durch Hinzufügen eines Hex-Werts oder durch Festlegen eines RGB-Werts definiert werden

9. Hintergrundbild: Das Hintergrundbild kann auf ein bestimmtes Bild Ihrer Wahl eingestellt werden. Sobald das Bild festgelegt ist, wird es wiederholt und deckt das gesamte Element ab.

10. CSS-Ränder: Der CSS-Befehl verfügt über verschiedene Randeigenschaften, die beim Erstellen von Raum um verschiedene Elemente helfen und auch diese äußeren Ränder definieren. CSS kann Eigenschaften wie Rand oben, Rand rechts, Rand unten und Rand links haben.

CSS-Befehle für Fortgeschrittene

1. Klassen- und ID-Selektoren: Zusätzlich zum HTML-Tag kann ein Benutzer eigene Selektoren definieren, die in Form einer Klasse oder ID vorliegen können. Der Hauptnutzen davon ist, dass Sie dasselbe HTML-Element haben und es basierend auf der ID oder der Klasse, die erforderlich ist, unterschiedlich darstellen können.

2. Pseudoklasse: Diese Klassen werden verwendet, um einen bestimmten Zustand oder eine bestimmte Beziehung zu einem bestimmten Selektor anzugeben. Diese Klassen können auch die Form eines Selektors annehmen: pseudo_class (property: value; ). Diese Klasse wird definiert, indem einfach ein Doppelpunkt zwischen Selektor und Pseudoklasse gesetzt wird.

3. Textformatierung: Die hinzugefügten Texte können mithilfe der Formatierungseigenschaften angepasst und formatiert werden. Die Farbe kann mit dem Schlüsselwort 'color' geändert werden. Ebenso die Ausrichtung von Text. Mit Hilfe von Textdekorationen können Dekorationen gesetzt und entfernt werden. Transformationen können in Bezug auf Fälle durchgeführt werden.

4. CSS-Schriftarten: Bei CSS-Schriftarten gibt es verschiedene Familien wie die allgemeine Familie und die Schriftfamilie. Die Schriftfamilie ist eine Familie von Texten. Die allgemeine Version mit einer Gruppe von Familien, die ein ähnliches Aussehen haben, und die Schriftart mit einer bestimmten Schriftart.

5. Symbole: Indem Sie die Symbolbibliothek verwenden und den Namen der angegebenen Symbolklasse hinzufügen, können Symbole einfach in CSS verwendet werden.

6. Tabellen: CSS kann auch Tabellen anzeigen und bei der Anpassung von Rahmen, deren Breite und Höhe helfen. Durch die Verwendung von Schlüsselwörtern wie 'border', 'width' und height können Benutzer Tabellen auf einer Webseite erstellen.

7. Positionierung: Diese Eigenschaft gibt die Art der Positionierungsmethode an, die für jedes Element verwendet werden kann. Diese Position kann statisch, relativ, fest, absolut oder klebrig sein.

8. Überlauf: Diese Eigenschaft hilft bei der Steuerung des Inhalts, der zu groß ist, um in einen Bereich zu passen.

9. Float: Die Eigenschaft float gibt dem Element an, wie es schweben soll. Es gibt an, welche Elemente neben den gelöschten Elementen schweben dürfen.

10. Deckkraft : Diese Eigenschaft definiert die Deckkraft oder Transparenz eines Elements.

Erweiterte CSS-Befehle

1. Abgerundete CSS-Ecken: Durch die Verwendung der Eigenschaft 'border-radius' kann einem Element abgerundete Ecken zugewiesen werden. Sie können auch eine bestimmte Ecke aus den vier Ecken auswählen und die gewünschten Änderungen vornehmen.

2. Randbilder : Sie können ein Bild als Rand um ein beliebiges Element festlegen. Dies ist möglich, indem eine border-image-Eigenschaft verwendet wird. Es nimmt das Bild auf, schneidet es in neun Abschnitte und platziert dann die Ecken an den Ecken, und die mittleren Abschnitte werden wiederholt oder gedehnt.

Tipps und Tricks zur Verwendung von CSS-Befehlen:

  • Nutzen Sie reset.css und setzen Sie alle grundlegenden Stile zurück.
  • Verwenden Sie CSS in Kurzschrift, um Befehls-CSS-Codes in kürzerer Form zu schreiben.
  • Verwenden Sie CSS-Debugging-Tools, um die CSS-Befehlsstile zu optimieren, zu verstehen und zu debuggen.

Fazit

CSS Command hilft Ihnen, den Informationsinhalt eines Dokuments getrennt zu halten und anzuzeigen. Es hilft, Doppelarbeit zu vermeiden, den Code einfach zu pflegen und denselben Inhalt mit unterschiedlichen Stilen zu verwenden.

Empfohlene Artikel

Dies war eine Anleitung zu CSS-Befehlen. Hier haben wir grundlegende, mittlere und fortgeschrittene CSS-Befehle besprochen. Sie können auch den folgenden Artikel lesen, um mehr zu erfahren -

  1. Top MySQL-Befehle
  2. PL / SQL-Befehle
  3. Verwendung von SQL-Befehlen
  4. Winkelbefehle

Kategorie:

Software-Entwicklung