Ich habe gerade gelernt, wie man einen Text zu blinken (<div style="text-decoration:blink">text</div>).Text Dekorationen in CSS
Wie wäre es mit den anderen Dekorationsmodi wie Farbwechsel? Sind sie in CSS verfügbar?
Danke.
Nein, diese werden in der Regel mit JavaScript programmiert.
Wenn Sie auf Link Farbe ändern bei Hover beziehen, ist das mit CSS getan.
a:link { color: blue; }
a:hover { color: green; }
Sie können Farbe hinzufügen, sehen Sie Patrice Antwort – T0xicCode
Ja, aber ich dachte, die OP wollte die Farben wie das Blinken der Farbe hin und her ändern. –
Nichts zu interessant mit Text-Dekoration. Eine gute Quelle ist immer die w3:
http://www.w3schools.com/Css/pr_text_text-decoration.asp
h1 {text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
h4 {text-decoration:blink}
Ihre zweite Frage Bezug auf - natürlich. CSS kann (und sollte) verwendet werden, um fast alles zu stylen, obwohl blinkender Text ein extremes Beispiel ist, die meisten Regeln sind viel nützlicher.
Ja, Farbwechsel ist in CSS verfügbar. Verwenden Sie zum Beispiel
<div style="color:red">foo</div>
. Sie wollen wahrscheinlich eine gute CSS Einführung oder die offizielle Norm überprüfen:
Die verfügbaren Text Dekoration Werte sind:
http://reference.sitepoint.com/css/text-decoration für mehr Details.
Ja, können Sie die folgenden Schritte aus:
color: #FFFFFF; (die Ihren Text in der Farbe weiß machen würde)
font-weight:bold;
text-decoration:underline;
usw.
Sie sollten wirklich Google dies.
+1 für Google. – peirix
Ich nehme an, dass durch Farbwechsel Sie nicht nur die Textfarbe als color setzen bedeutet, sondern komplexere Animationen.
Es gibt einige Experimente wie WebKit -webkit-animation, -webkit-transform oder -webkit-transition.Aber diese Eigenschaften sind proprietär.
Heutzutage werden solche Effekte mit Hilfe von JavaScript gemacht. Es gibt viele JavaScript-Frameworks Sie wie jQuery verwenden können, mootools, Prototype, Script.aculo.us usw.
Off Topic: Gumbo, können Sie bitte Ihre Nominierung für Moderator akzeptieren: http://meta.stackexchange.com/questions/35583/nominations-new-stack-overflow-moderator/35598#35598 – Sam152
Es gibt vier derzeit unterstützten Textdekorationen. (Blink ist nicht mehr in den meisten Browsern unterstützt.)
Zeichnet eine Linie über den Text
h1 {text-decoration:overline;}
Zeichnet eine Linie unter dem Text
h1 {text-decoration:underline;}
Streik durch. (Zeichnet eine Linie durch den Text.)
h1 {text-decoration:line-through;}
Keine Dekoration.
NIEMALS BLINK verwenden, es hat wenig Browser-Unterstützung, es ist nutzlos und hat schwerwiegende Probleme mit der Zugänglichkeit. Es wurde als ein proprietäres Attribut während der Browserkriege zwischen IE und Netscape gemacht, und die meisten Browser unterstützten es nie, IE, der es von Netscape kopierte, hat es veraltet, und Netscape ist seit fast 6 Jahren tot.
(Fühlen Sie sich frei meine kleine Geschichtsstunde zu korrigieren.)
CSS text-decoration-Eigenschaft verwendet wird, um den Text oder entfernen Sie die Dekoration für den Text zu dekorieren. CSS-Text-Dekoration-Eigenschaft wird meist verwendet, um die Unterstreichungen auf der Webseite zu setzen oder zu entfernen.
In vielen Fällen, wenn Sie keine Dekoration für den Text haben möchten, können Sie einfach Text-Dekoration sagen: keine ;. Das macht den Text keine Dekoration.
Siehe unten stehende Beispiel für mehr Verständnis
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Referenz: http://www.snoopcode.com/css/css-texts
Herzlichen Glückwunsch! Sie haben gerade die nutzloseste CSS-Anweisung gelernt, die es gibt. – peirix
Lassen Sie nichts blinzeln! – Gumbo
Bitte bedenken Sie, dass Sie es nie benutzen werden, außer auf Ihrem lokalen Server, der auf Ihrem localhost läuft! Bitte nicht mehr 1998 Web ... –