Η αλλαγή των παραμέτρων εμφάνισης των συνδέσμων σε html μπορεί να γίνει με τη χρήση φύλλων css. Σας επιτρέπουν να προσαρμόσετε την εμφάνιση της γραμματοσειράς του συνδέσμου, το χρώμα της πριν ο χρήστης κάνει κλικ σε αυτήν και μετά το κλικ του ποντικιού. Μπορείτε επίσης να αλλάξετε τη γραμματοσειρά της γραμματοσειράς που χρησιμοποιείται και το μέγεθός της.
Οδηγίες
Βήμα 1
Οι τάξεις και οι ψευδο-τάξεις χρησιμοποιούνται για τον καθορισμό παραμέτρων σύνδεσης σε css. Ο σύνδεσμος ψευδο-κλάσης a: ορίζει το στυλ για έναν κανονικό σύνδεσμο, το a: visit σας επιτρέπει να προσαρμόσετε την εμφάνιση ενός ήδη χρησιμοποιημένου συνδέσμου. A: ενεργός χειρίζεται τις παραμέτρους της ετικέτας όταν κάνετε κλικ στο δρομέα στο στοιχείο και a: hover ορίζει το στυλ του συνδέσμου όταν το τοποθετείτε πάνω του. Μπορείτε επίσης να δημιουργήσετε οποιαδήποτε κλάση για το στοιχείο μόνοι σας, και στις παραμέτρους χρησιμοποιήστε τυπικούς τελεστές για τη μορφοποίηση του κειμένου.
Βήμα 2
Για να απενεργοποιήσετε την εμφάνιση της υπογράμμισης του κειμένου συνδέσμου στο πρόγραμμα περιήγησης, χρησιμοποιήστε την παράμετρο text-decoration: none. Μπορείτε να καθορίσετε αυτό το χαρακτηριστικό τόσο σε μια κλάση όσο και σε μια ψευδο-κλάση για ένα στοιχείο. Για να αλλάξετε το χρώμα του συνδέσμου, χρησιμοποιήστε την παράμετρο χρώματος, για το μέγεθος - το χαρακτηριστικό χαρακτηριστικό μέγεθος γραμματοσειράς. Εάν θέλετε να συμπεριλάβετε έντονους ή πλάγιους τύπους, χρησιμοποιήστε την παράμετρο βάρους γραμματοσειράς.
Βήμα 3
Ανοίξτε το αρχείο html με οποιονδήποτε επεξεργαστή κειμένου χρησιμοποιείτε για να επεξεργαστείτε τον κώδικα σελίδας. Μετά από αυτό, μεταβείτε σε μια ενότητα του εγγράφου σας και ορίστε τον κωδικό css για μελλοντικούς συνδέσμους στη σελίδα χρησιμοποιώντας μια λαβή. Για παράδειγμα:
Αλλαγή συνδέσμων
a: link {text-decoration: none;
μέγεθος γραμματοσειράς: 14px;
γραμματοσειρά: έντονη;
χρώμα: κόκκινο; }
Βήμα 4
Αυτός ο κωδικός αφαιρεί την υπογράμμιση από έναν κανονικό σύνδεσμο, ορίζει το μέγεθος του κειμένου σε 14 εικονοστοιχεία, εφαρμόζει έντονο στυλ και κόκκινο χρώμα του στοιχείου. Τώρα οποιοσδήποτε σύνδεσμος στην ετικέτα θα εμφανίζεται έτσι.
Βήμα 5
Μπορείτε να κάνετε στυλ για κάθε συγκεκριμένο σύνδεσμο χρησιμοποιώντας τάξεις css. Έτσι, εάν ο κώδικας στην ετικέτα μοιάζει με:
a.link1 {font-size: 20px; χρωμα μαυρο;}
Βήμα 6
Μπορείτε να ορίσετε το μέγεθος του συνδέσμου σε 20 pixel και μαύρο χρησιμοποιώντας την κλάση στο σώμα του εγγράφου ως εξής:
Σύνδεσμος
Από το παράδειγμα μπορείτε να δείτε ότι στον σύνδεσμο εκχωρήθηκε η δημιουργημένη κλάση κωδικού css βήμα πίσω καθορίζοντας το χαρακτηριστικό κλάσης του συνδέσμου. Αυτός ο σύνδεσμος θα εμφανίζεται τώρα σε μαύρο χρώμα και έχει μέγεθος 20 pixel. Για να αλλάξετε αυτό το χαρακτηριστικό, επεξεργαστείτε τον κωδικό css της ενότητας σελίδας.
Βήμα 7
Η αλλαγή της εμφάνισης του συνδέσμου έχει ολοκληρωθεί, μπορείτε να αποθηκεύσετε τις αλλαγές που έγιναν στο αρχείο και να την εκτελέσετε για προβολή σε πρόγραμμα περιήγησης.
