Αλλαγή Χρώμα κειμένου για Mouseover

Ένας τρόπος για να τραβήξει την προσοχή του επισκέπτη στην ιστοσελίδα σας είναι να κάνει τα λόγια για την αλλαγή του χρώματος της σελίδας όταν κινείτε το ποντίκι πάνω τους . Τα επικαλυπτόμενα φύλλα στυλ παρέχει μια λύση για την εκπλήρωση αυτού του καθήκοντος με το που ονομάζεται ψευδο - class αιωρείται . Ρύθμιση της HTML
Η

Αλλαγή χρώματος κειμένου με CSS ξεκινά με την επιλογή ενός tag HTML στο σώμα του εγγράφου σας . ( Αν είστε περιήγηση στο Internet χρησιμοποιώντας τον Internet Explorer 7 ή κάτω , η τεχνική αυτή θα λειτουργήσει μόνο αν χρησιμοποιείτε την ετικέτα . Εάν χρησιμοποιείτε τον Internet Explorer 8 ή το Firefox 3 , οι οδηγίες αυτές θα λειτουργήσει σε οποιαδήποτε ετικέτα HTML . )

Χρησιμοποιήστε το " άνοιγμα " ετικέτα για να αλλάξετε λέξεις στην πρόταση . Εδώ είναι ένα παράδειγμα :

Θα τρώω μόνο παγωτό αν έχει καραμέλα , σοκολάτα ή ζεστό φοντάν .

Προσθέστε τα ακόλουθα ονόματα κατηγορίας μέσα στην αρχή " άνοιγμα " ετικέτες για να διαφοροποιούν κάθε κάλυμμα παγωτό :

θα τρώω μόνο παγωτό αν έχει ? . καραμέλα , σοκολάτα ή ζεστό φοντάν

Τα ονόματα των κατηγοριών είναι τόσο που χρησιμοποιείται για να προσδιορίσει ποιες λέξεις θα πρέπει να επηρεάζει τους κανόνες στυλ μας και να βοηθήσει να παρακολουθείτε ό, τι αλλάζουν.
εικόνων Ρύθμιση του στυλ
Η

CSS μπορεί να είναι δημιουργήσει έναν από τους τρεις τρόπους : τοπικές , εσωτερικές και εξωτερικές . Αυτή η συγκεκριμένη διαδικασία , όμως , μπορεί να επιτευχθεί μόνο είτε εσωτερικά είτε εξωτερικά .

Ένα τοπικό φύλλο στυλ αποτελείται από την αρχή και το τέλος ετικέτες και ένα σύνολο οδηγιών μεταξύ τους . Οι ετικέτες στυλ μπορεί να τοποθετηθεί μόνο μεταξύ των στην αρχή του εγγράφου . Ένα τοπικό φύλλο στυλ επηρεάζει μόνο τη σελίδα στην οποία βρίσκεται .

Πληκτρολογήστε την αρχή και το τέλος ετικέτες μεταξύ των στην κορυφή του εγγράφου HTML σας . Στη συνέχεια, πληκτρολογήστε τη λέξη « άνοιγμα » μεταξύ τους . Προσθέστε τον ακόλουθο κώδικα μετά το " άνοιγμα " , όπως φαίνεται :

Προσθέστε τρία πιο " διάρκεια του " μετά το αρχικό " άνοιγμα " , ακολουθούμενη από μία περίοδο και τα ονόματα κλάσης κάθε κάλυμμα παγωτού , όπως φαίνεται :

Προσθήκη παχέος εντέρου , συν το ψευδο - class " αιωρείται " μετά από κάθε συμπλήρωση όνομα :

Η φύλλο Εξωτερικό Style
Η

Ένα εξωτερικό φύλλο στυλ είναι απλά ένα αρχείο κειμένου που αποθηκεύονται με επέκταση CSS . Αντιγράψτε τους κανόνες στυλ που είναι μεταξύ των ετικέτες στην ανωτέρω κατάσταση , στη συνέχεια , προσθέστε τον ακόλουθο κώδικα μεταξύ των tags :

Όταν τοποθετείτε το ποντίκι σας πάνω από το κείμενο , η λέξη « καραμέλα » γίνεται κόκκινο , " σοκολάτα " γίνεται πράσινο και το" παραμύθι " γίνεται ροζ .
Η
εικόνων