CSS-Kommentare
Teil des Abschnitts Styling with CSS der HTML-Journey von Coddy — Lektion 3 von 76.
Kommentare sind Notizen innerhalb des Codes, die nicht ausgeführt werden; sie dienen lediglich dazu, den Code lesbarer und wartbarer zu machen.
In CSS werden Kommentare zwischen /* und */ Tags geschrieben. Alles, was zwischen diesen Tags steht, wird als Kommentar behandelt und hat keinen Einfluss auf das Styling der Seite.
So schreiben Sie einen Kommentar in CSS:
/* Dies ist ein Kommentar */
p {
color: blue; /* Dies setzt die Textfarbe auf Blau */
}In diesem Beispiel werden "This is a comment" und "This sets the text color to blue" den Code nicht beeinflussen. Kommentare sind nützlich, um komplexen Code zu erklären, Notizen für sich selbst oder andere Entwickler zu hinterlassen und Code vorübergehend zu deaktivieren.
Spickzettel
CSS-Kommentare werden zwischen /* und */ Tags geschrieben und werden nicht ausgeführt:
/* Dies ist ein Kommentar */
p {
color: blue; /* Dies setzt die Textfarbe auf Blau */
}Kommentare sind nützlich, um Code zu erklären, Notizen zu hinterlassen und Code vorübergehend zu deaktivieren.
Probier es selbst
Diese Lektion enthält keine Programmieraufgabe.
Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Styling with CSS
4Text-Grundlagen
TextfarbeSchriftfamilieSchriftgrößeSchriftstärkeTextausrichtungTextdekorationWiederholungs-Challenge #1Wiederholungs-Challenge #25Farben und Hintergründe
HintergrundfarbeHEX-FarbenRGB-FarbenTransparenz mit RGBAWiederholungs-Challenge #111Layout-Techniken
Block- vs. Inline-ElementeGrundlagen der PositionierungRelative PositionierungAbsolute PositionierungFixierte PositionierungZ-Index GrundlagenWiederholungs-Challenge14Abschluss-Herausforderungen
Elemente anordnenFilmlisteHochzeitseinladungSchwebende Benachrichtigung3Grundlegende Selektoren
Einführung in SelektorenTyp-SelektorKlassen-SelektorID-SelektorGruppen-SelektorenUniversal-SelektorSelektions-Herausforderung9Flexbox
Was ist Flexbox?Flex DirectionJustify ContentAlign ItemsDie perfekte ZentrierungFlexbox-Herausforderung12Grundlagen des Responsive Designs
Was ist Responsive Design?Viewport Meta TagFluid LayoutsViewport-EinheitenMedia Queries GrundlagenFlexible Bilder