Πίνακας περιεχομένων:
Βίντεο: Fallout 76 Tipps Und Tricks (Deutsch) 10+ Tipps für Einsteiger & Fortgeschrittene [Folge 02] 2024
Ένας τρόπος για να styling συγκεκριμένα στοιχεία στο CSS είναι να ονομάσετε τα στοιχεία HTML. Μπορείτε να ονομάσετε τον κωδικό σας χρησιμοποιώντας το χαρακτηριστικό
id
ή
και στη συνέχεια να διαμορφώσετε τον κώδικα σας με παραπομπή στον επιλογέα
id
ή
.
Ονομάστε τον κώδικα χρησιμοποιώντας το χαρακτηριστικό id
Χρησιμοποιήστε το χαρακτηριστικό
id
για να στυλ ένα συγκεκριμένο στοιχείο στην ιστοσελίδα σας. Το χαρακτηριστικό
id
μπορεί να ονομάσει οποιοδήποτε στοιχείο HTML και τοποθετείται πάντοτε στην ετικέτα HTML που ανοίγει. Επιπλέον, κάθε στοιχείο μπορεί να έχει μόνο μία τιμή χαρακτηριστικού
id
και η τιμή του χαρακτηριστικού πρέπει να εμφανίζεται μόνο μία φορά μέσα στο αρχείο HTML. Αφού καθορίσετε το χαρακτηριστικό στο αρχείο HTML, ανατρέξτε στο στοιχείο HTML στο CSS γράφοντας μια hashtag (
#
) που ακολουθείται από την τιμή του χαρακτηριστικού.
, ο ακόλουθος κώδικας στυλ του συνδέσμου Modern Seinfeld Twitter το κόκκινο χρώμα με κίτρινο φόντο:
HTML:
Modern Seinfeld
CSS:
#jerry {
χρώμα: κόκκινο;
χρώμα φόντου: κίτρινο;
}
Ονομάστε τον κώδικα χρησιμοποιώντας το χαρακτηριστικό κλάσης
Χρησιμοποιήστε την ιδιότητα
για να στυλίσουμε πολλά στοιχεία στην ιστοσελίδα σας. Το χαρακτηριστικό
μπορεί να ονομάσει οποιοδήποτε στοιχείο HTML και τοποθετείται πάντα στην ετικέτα HTML που ανοίγει. Η τιμή του χαρακτηριστικού δεν χρειάζεται να είναι μοναδική μέσα στο αρχείο HTML. Αφού καθορίσετε το χαρακτηριστικό στο αρχείο HTML, ανατρέξτε στο στοιχείο HTML γράφοντας μια περίοδο (.) Ακολουθούμενη από την τιμή του χαρακτηριστικού.
Το χαρακτηριστικό
της κλάσης
ακολουθεί το ακόλουθο στυλ κώδικα:
Bored Elon Musk < Vinod Coleslaw
CSS:
. tech {
χρώμα: κόκκινο;
διακόσμηση κειμένου: κανένας;
}
Προοδευτικά χρησιμοποιήστε μια μηχανή αναζήτησης, όπως η Google, για να αναζητήσετε επιπρόσθετα εφέ CSS. Για παράδειγμα, εάν θέλετε να αυξήσετε την απόσταση μεταξύ κάθε στοιχείου λίστας, ανοίξτε το πρόγραμμα περιήγησης και αναζητήστε την απόσταση μεταξύ γραμμών στοιχείου λίστας css. Οι συνδέσεις που εμφανίζονται στα κορυφαία δέκα αποτελέσματα θα πρέπει να περιλαμβάνουν:
- W3Schools : Site tutorial για αρχάριους
- Υπέρβαση στοίβας : οδηγός που δημιουργήθηκε αρχικά από το ίδρυμα που διατηρεί το πρόγραμμα περιήγησης Firefox και τώρα διατηρείται από μια κοινότητα προγραμματιστών
- Καθένας από αυτούς τους ιστότοπους είναι ένα καλό μέρος για να ξεκινήσετε. φροντίστε να αναζητήσετε απαντήσεις που περιλαμβάνουν παράδειγμα κώδικα.