Tag verwenden. Wenn Sie den Internet Explorer 8 oder Firefox 3 sind , diese Anweisungen auf jedem HTML-Tag zu arbeiten. )
Verwenden Sie den "span" -Tag, um Wörter im Satz ändern. Hier ist ein Beispiel :
ich nur Eis essen , wenn es Karamell , Schokolade oder Hot Fudge hat .
folgende Klassen-Namen innerhalb der Anfang "span" -Tags hinzufügen , um jeden Eis Richtfest unterscheiden:
ich nur Eis essen , wenn es hat ; . Karamell Schokolade oder Hot Fudge
Die Klassennamen sind sowohl zur Identifizierung , welche Wörter wir mit unseren Stilregeln werden beeinflussen und zu helfen, zu verfolgen, was wir verändern .
Einrichten der Style
CSS kann Einrichtung eine von drei Möglichkeiten : lokale , interne und externe. Dieses spezifische Verfahren kann jedoch nur entweder intern oder extern durchgeführt werden.
Eine lokale Stylesheet besteht aus dem Beginn und Ende -Tags und eine Reihe von Anweisungen zwischen ihnen. Die Style-Tags können nur zwischen dem
-Tags am Anfang des Dokuments platziert werden. Ein lokales Stylesheet wirkt sich nur auf die Seite , in dem es sich befindet.
Geben Sie den Beginn und das Ende -Tags zwischen den
-Tags an der Spitze des HTML-Dokuments . Dann geben Sie das Wort "span" zwischen ihnen. Fügen Sie den folgenden Code nach "span" wie folgt:
Fügen Sie drei weitere " Span " nach dem ersten "span" , gefolgt von einer Periode und die Namen der einzelnen Klasse Eis Topping, wie gezeigt:
Fügen Sie einen Doppelpunkt , plus die Pseudo-Klasse " hover " nach jedem Nachfüllen Name :
hinzufügen linken geschweiften Klammer , dann " Farbe " , einen Doppelpunkt und eine andere Farbe für jeden Geschmack. Beenden Sie die Anweisungen mit einem Semikolon und einer rechten geschweiften Klammer , wie gezeigt :
Stylesheet
Ein externes Stylesheet ist einfach eine Textdatei mit einem CSS -Erweiterung gespeichert . Kopieren Sie die Style-Regeln , die zwischen den -Tags in der obigen Aussage sind , dann fügen Sie den folgenden Code zwischen den
tags:
< link rel = " stylesheet" type = "text /css" href = " path /filename.css " />
Wenn Sie die Maus über den Text zu platzieren , das Wort " Karamell " rot wird, " Schokolade " grün und " Fudge " wird rosa .