Πώς να ορίσετε το χρώμα κειμένου και προσκηνίου με το χρώμα των ιδιοτήτων των φύλλων στυλ Cascading
Μπορείτε να ελέγξετε το χρώμα του κειμένου σε μια ιστοσελίδα ή σε μια ενότητα (ή στοιχείο) μιας ιστοσελίδας με την ιδιότητα χρώματος των Φύλλων Στυλ Cascading. Εκτός από τον έλεγχο του χρώματος κειμένου, μπορείτε επίσης να χρησιμοποιήσετε την ιδιότητα χρώματος CSS για να ορίσετε το χρώμα για τον οριζόντιο κανόνα και τα στοιχεία φόρμας. Ας ρίξουμε μια ματιά σε ένα παράδειγμα που χρησιμοποιεί την ιδιότητα χρώματος για να ρυθμίσετε το κείμενο μέσα στο άνοιγμα

και το κλείσιμο

ετικέτες σε μαύρο και το χρώμα για το στοιχείο σε κόκκινο χρώμα.

Βασικός κώδικας CSS



Παράδειγμα


Το κείμενο πηγαίνει εδώ




η ηλεκτρονική σου διεύθυνση



Κάθε κανόνας CSS περιέχει έναν επιλογέα και ένα μπλοκ δήλωσης. Το μπλοκ δήλωσης CSS τοποθετείται μεταξύ των ανοιγμάτων {και του κλείσιμου} και περιέχει ένα ή περισσότερα ζεύγη ιδιοτήτων-τιμής για κάθε επιλογέα.

Επιλογείς
Π
μορφή
Ο πρώτος κανόνας CSS στο παράδειγμά μας ελέγχει το χρώμα για το κείμενο μεταξύ οποιουδήποτε

ετικέτες στην ιστοσελίδα μας. Το p στο

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

Ιδιότητες

χρώμα:
Η ιδιότητα χρώματος είναι το χαρακτηριστικό που καθορίζει το χρώμα για το χρώμα κειμένου και προσκηνίου. Στο παράδειγμά μας, η ιδιότητα χρώματος χρησιμοποιείται για να ρυθμίσει το χρώμα τόσο για τα στοιχεία p όσο και για τα στοιχεία φόρμας. Παρατηρήστε ότι το όνομα της ιδιότητας ακολουθείται από ένα τελεία (:).

Αξίες
#000000;
το κόκκινο;
Μπορείτε να χρησιμοποιήσετε το όνομα χρώματος, τον δεκαεξαδικό κωδικό χρώματος ή τον κωδικό χρώματος RGB για να ορίσετε την τιμή χρώματος. Στο παράδειγμά μας, χρησιμοποιήσαμε τον δεκαεξαδικό κώδικα χρώματος (# 000000) για το στοιχείο p και το όνομα χρώματος (κόκκινο) για το στοιχείο φόρμας. Θα μπορούσαμε επίσης να χρησιμοποιήσουμε τον RGB κώδικα χρώματος rgb (100%, 0%, 0%). Παρατηρήστε ότι η τιμή χρώματος ακολουθείται από ένα ερωτηματικό (;).




Οδηγίες Βίντεο: ArchiCAD 21 - Tutorial for Beginners [COMPLETE] (Απρίλιος 2024).