Μπορείτε να καθορίσετε χρώματα γραμματοσειράς, μεγέθη και άλλες παραμέτρους σε ένα εξωτερικό φύλλο στυλ CSS. Εάν θέλετε να αλλάξετε το χρώμα μιας μόνο λέξης ή φράσης, ωστόσο, ο ευκολότερος, απλούστερος τρόπος είναι να χρησιμοποιήσετε την ετικέτα inline. Το Inline CSS είναι ακριβώς όπως ακούγεται: Προστίθεται στο HTML της σελίδας και όχι σε εξωτερικό φύλλο στυλ.
Αποφύγετε τη χρήση της ετικέτας, η οποία έχει καταργηθεί.
Δείτε πώς μπορείτε να αλλάξετε το χρώμα μιας λέξης χρησιμοποιώντας την ετικέτα:
Χρησιμοποιώντας το πρόγραμμα επεξεργασίας κειμένου ή HTML που προτιμάτε σε λειτουργία προβολής κώδικα, τοποθετήστε τον κέρσορα πριν από το πρώτο γράμμα της λέξης ή την ομάδα λέξεων που θέλετε να χρωματίσετε.
Ας τυλίξουμε το κείμενο του οποίου το χρώμα θέλουμε να αλλάξουμε με μια ετικέτα, συμπεριλαμβανομένου ενός χαρακτηριστικού κλάσης. Ολόκληρη η παράγραφος μπορεί να έχει την εξής μορφή: Αυτό είναι κείμενο στο οποίο εστιάζεται μια πρόταση.
-
Δώστε σε αυτό το συγκεκριμένο κείμενο ένα «άγκιστρο» που μπορούμε να χρησιμοποιήσουμε στο CSS. Το επόμενο βήμα μας είναι να μεταβείτε στο εξωτερικό αρχείο CSS για να προσθέσετε έναν νέο κανόνα.
Στο αρχείο CSS, ας προσθέσουμε:
.focus-text {
χρώμα: # F00;
}
Αυτός ο κανόνας θα ορίσει το στοιχείο inline, το, να εμφανίζεται με κόκκινο χρώμα. Εάν είχαμε ένα προηγούμενο στυλ που ορίζει το κείμενο του εγγράφου μας σε μαύρο, αυτό το ενσωματωμένο στυλ θα προκαλούσε την εστίαση του κειμένου της έκτασης και θα ξεχώριζε με το διαφορετικό χρώμα. Θα μπορούσαμε επίσης να προσθέσουμε άλλα στυλ σε αυτόν τον κανόνα, ίσως κάνοντας το κείμενο πλάγιο ή τολμηρό να τονίσουμε ακόμη περισσότερο;
-
Αποθηκεύστε τη σελίδα σας.
Δοκιμάστε τη σελίδα στο αγαπημένο σας πρόγραμμα περιήγησης ιστού για να δείτε τις αλλαγές που ισχύουν.
Σημειώστε ότι εκτός από το, ορισμένοι επαγγελματίες του διαδικτύου επιλέγουν να χρησιμοποιούν άλλα στοιχεία όπως τα ζεύγη ετικετών ή. Αυτές οι ετικέτες ήταν για έντονη και πλάγια γραφή, αλλά καταργήθηκαν και αντικαταστάθηκαν με και. Οι ετικέτες εξακολουθούν να λειτουργούν σε μοντέρνα προγράμματα περιήγησης, ωστόσο, τόσοι πολλοί προγραμματιστές ιστοσελίδων τις χρησιμοποιούν ως γάντζοι εσωτερικού στυλ. Αυτή δεν είναι η χειρότερη προσέγγιση, αλλά αν θέλετε να αποφύγετε τυχόν καταργημένα στοιχεία, προτείνουμε να κολλήσετε με την ετικέτα για τέτοιου είδους ανάγκες στυλ.
Συμβουλές και πράγματα που πρέπει να προσέξετε
Ενώ αυτή η προσέγγιση λειτουργεί καλά για μικρές ανάγκες στυλ, όπως εάν πρέπει να αλλάξετε μόνο ένα μικρό κομμάτι κειμένου σε ένα έγγραφο, μπορεί γρήγορα να ξεφύγει από τον έλεγχο. Εάν διαπιστώσετε ότι η σελίδα σας είναι γεμάτη με ενσωματωμένα στοιχεία, τα οποία έχουν μοναδικές τάξεις που χρησιμοποιείτε στο αρχείο CSS, μπορείτε να να το κάνεις λάθος, Θυμηθείτε, όσο περισσότερες από αυτές τις ετικέτες βρίσκονται στη σελίδα σας, τόσο πιο δύσκολο είναι να διατηρήσετε τη σελίδα προς τα εμπρός. Επιπλέον, η καλή τυπογραφία ιστού σπάνια έχει πολλές παραλλαγές χρώματος κ.λπ. σε όλη τη σελίδα.