Inline-CSS

Inline-Stile

Die einfachste und direkteste Art und Weise der Anwendung von CSS auf ein Element ist, um es in den Tag selbst als ein style-Attribut schreiben style="..." . CSS-Stile angewendet diese Weise haben die höchste Priorität gegenüber anderen Stil-Definitionen, dh sie wird die vorhandenen Styles zu überschreiben. Da Sie CSS, um ein HTML-Element sind die Anwendung direkt ein Selektor ist nicht erforderlich.

Inline-CSS

<p style="border:2px solid lime">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed enim. Morbi quis augue. Sed nec augue.</p>
<p style="background:lime">Sed vel pede eu lacus molestie condimentum. Pellentesque vitae dolor. Vestibulum venenatis.</p>

Richtlinien zur Verwendung von

1. Verwenden Sie so wenig wie möglich

Beachten Sie, dass wir versuchen, zu trennen von Inhalt und Darstellung? Inline-Stile sind das genaue Gegenteil. Sie sind ineffizient, weil sie Flickschusterei werden Sie Ihren Code und sind schwer zu erhalten. Verwenden Sie sie nur für einige einen schnellen Test der CSS-Styles oder für Ausnahmefälle, in denen ein Stil ist nur an einem bestimmten Ort verwendet werden und sonst nirgends auf der Homepage.

2. Verwenden Sie keine Anführungszeichen

Da doppelten Anführungszeichen sind bereits für das Markieren der Start-und Ende des style-Attribut verwendet, nachdem ein weiteres doppeltes Anführungszeichen in-zwischen würde plötzlich die CSS-Anweisungen zu beenden. Verwenden Sie einfache Anführungszeichen statt. <p style="font-family:'trebuchet ms'"> ist ok, aber nicht <p style="font-family:"trebuchet ms""> .