(Translated by https://www.hiragana.jp/)
CSS - Βικιπαίδεια Μετάβαση σしぐまτたうοおみくろん περιεχόμενο

CSS

Από τたうηいーた Βικιπαίδεια, τたうηいーたνにゅー ελεύθερη εγκυκλοπαίδεια
Λογότυπο της CSS

Ηいーた CSS (Cascading Style Sheetsδιαδοχικά φύλλα ύφους ή επάλληλα φύλλα ύφους) είναι μみゅーιいおたαあるふぁ γλώσσα υπολογιστή πぱいοおみくろんυうぷしろん ανήκει σしぐまτたうηいーたνにゅー κατηγορία τたうωおめがνにゅー γλωσσών φύλλων ύφους πぱいοおみくろんυうぷしろん χρησιμοποιείται γがんまιいおたαあるふぁ τたうοおみくろんνにゅー έλεγχο της εμφάνισης ενός εγγράφου πぱいοおみくろんυうぷしろん έχει γραφτεί μみゅーεいぷしろん μみゅーιいおたαあるふぁ γλώσσα σήμανσης.[1] Χρησιμοποιείται δηλαδή γがんまιいおたαあるふぁ τたうοおみくろんνにゅー έλεγχο της εμφάνισης ενός εγγράφου πぱいοおみくろんυうぷしろん γράφτηκε στις γλώσσες HTML κかっぱαあるふぁιいおた XHTML, δηλαδή γがんまιいおたαあるふぁ τたうοおみくろんνにゅー έλεγχο της εμφάνισης μιας ιστοσελίδας κかっぱαあるふぁιいおた γενικότερα ενός ιστοτόπου. Ηいーた CSS είναι μみゅーιいおたαあるふぁ γλώσσα υπολογιστή προορισμένη νにゅーαあるふぁ αναπτύσσει στυλιστικά μみゅーιいおたαあるふぁ ιστοσελίδα δηλαδή νにゅーαあるふぁ διαμορφώνει περισσότερα χαρακτηριστικά, χρώματα, στοίχιση κかっぱαあるふぁιいおた δίνει περισσότερες δυνατότητες σしぐまεいぷしろん σχέση μみゅーεいぷしろん τたうηいーたνにゅー html.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            #xyz { color: black; }
        </style>
    </head>
    <body>
        <p id="xyz" style="font-weight:bold">Τたうοおみくろん κείμενο πぱいοおみくろんυうぷしろん μορφοποίηθηκε είναι αυτό.</p>
    </body>
</html>

Σしぐまτたうοおみくろん παράδειγμα, παριστάται μία πρόταση ηいーた όποια έχει μみゅーαあるふぁυうぷしろんρろーοおみくろん χρώμα κかっぱαあるふぁιいおた έντονους χαρακτήρες.

Ηいーた αλληλουχία εφαρμογής τたうωおめがνにゅー φύλλων ύφους

[Επεξεργασία | επεξεργασία κώδικα]

Γがんまιいおたαあるふぁ ένα έγγραφο πぱい.χかい. html θしーたαあるふぁ υπάρχουν παραπάνω από ένα φύλλα ύφους τたうαあるふぁ οποία περιέχουν δηλώσεις γがんまιいおたαあるふぁ τたうηいーたνにゅー εμφάνιση ενός συγκεκριμένου στοιχείου. Τたうοおみくろん φύλλο ύφους πぱいοおみくろんυうぷしろん εφαρμόζεται σしぐまεいぷしろん ένα έγγραφο μπορεί νにゅーαあるふぁ προέρχεται από:

  • τたうοおみくろん συγγραφέα μιας ιστοσελίδας
  • τたうοおみくろん χρήστη τたうοおみくろんυうぷしろん πλοηγού
  • τたうοおみくろんνにゅー ίδιο τたうοおみくろんνにゅー πλοηγό, αあるふぁνにゅー έχει τたうοおみくろん δικό τたうοおみくろんυうぷしろん προκαθορισμένο φύλλο ύφους.

Συνεπώς γがんまιいおたαあるふぁ ένα xhtml στοιχείο θしーたαあるふぁ υπάρχουν παραπάνω από μみゅーιいおたαあるふぁ δηλώσεις πぱいοおみくろんυうぷしろん πιθανόν νにゅーαあるふぁ είναι συγκρουόμενες. Τたうοおみくろん πρότυπο css γがんまιいおたαあるふぁ νにゅーαあるふぁ επιλύσει παρόμοιες συγκρούσεις έχει καθορίσει μみゅーιいおたαあるふぁ αλληλουχία – σειρά – σしぐまτたうηいーたνにゅー οποία θしーたαあるふぁ μみゅーπぱいοおみくろんυうぷしろんνにゅー αυτές οおみくろんιいおた δηλώσεις κかっぱαあるふぁιいおた μみゅーεいぷしろん βάση τたうηいーたνにゅー οποία θしーたαあるふぁ επιλεγεί πぱい.χかい. ηいーた δήλωση πぱいοおみくろんυうぷしろん είναι πρώτη σしぐまτたうηいーた σειρά.

Οおみくろん αλγόριθμος δημιουργίας αυτής της αλληλουχίας – σειράς – είναι οおみくろん ακόλουθος:

  1. Βρες όλες τις δηλώσεις πぱいοおみくろんυうぷしろん εφαρμόζονται σしぐまτたうοおみくろん στοιχείο πぱいοおみくろんυうぷしろん μας ενδιαφέρει. Οおみくろんιいおた δηλώσεις εφαρμόζονται σしぐまτたうοおみくろん στοιχείο αあるふぁνにゅー οおみくろん επιλογέας τたうοおみくろんυうぷしろん τたうοおみくろん επιλέξει (ταιριάζει μみゅーεいぷしろん αυτό).
  2. Ταξινόμησε μみゅーεいぷしろん βάση τたうηいーた σημασία (κανονική ή σημαντική) κかっぱαあるふぁιいおた προέλευση (συγγραφέας, χρήστη ή πλοηγός χρήστη). Μみゅーεいぷしろん αύξουσα σειρά προτεραιότητας:
    1. Δηλώσεις πλοηγού χρήστη
    2. Κανονικές δηλώσεις χρήστη
    3. Κανονικές δηλώσεις συγγραφέα
    4. Σημαντικές δηλώσεις συγγραφέα
    5. Σημαντικές δηλώσεις χρήστη
  3. Ταξινόμησε τις δηλώσεις ίδιας σημασίας κかっぱαあるふぁιいおた προέλευσης μみゅーεいぷしろん κριτήριο τたうηいーたνにゅー εξειδίκευση τたうοおみくろんυうぷしろん επιλογέα: οおみくろんιいおた πぱいιいおたοおみくろん εξειδικευμένοι επιλογείς υπερισχύουν τたうωおめがνにゅー πぱいιいおたοおみくろん γενικών. Τたうαあるふぁ ψευδό-στοιχεία κかっぱαあるふぁιいおた οおみくろんιいおた ψευδο-κλάσεις λογαριάζονται σしぐまαあるふぁνにゅー κανονικά στοιχεία κかっぱαあるふぁιいおた κλάσεις αντίστοιχα.
  4. Τέλος ταξινόμησε ανάλογα μみゅーεいぷしろん τたうηいーた σειρά καθορισμού: αあるふぁνにゅー δύο δηλώσεις έχουν τたうοおみくろん ίδιο βάρος , προέλευση κかっぱαあるふぁιいおた εξειδίκευση , αυτή πぱいοおみくろんυうぷしろん προσδιορίστηκε τελευταία επικρατεί. Οおみくろんιいおた δηλώσεις σしぐまεいぷしろん εισαγόμενα φύλλα ύφους θεωρούνται ότι δηλώνονται πぱいρろーιいおたνにゅー από τις δηλώσεις σしぐまτたうοおみくろん ίδιο τたうοおみくろん φύλλο ύφους.

Αφού λοιπόν προκύψει μみゅーιいおたαあるふぁ σειρά-αλληλουχία κανόνων εμφάνισης πぱいοおみくろんυうぷしろん αφορούν τたうοおみくろん ίδιο στοιχείο θしーたαあるふぁ επιλεγεί προς εφαρμογή (γがんまιいおたαあるふぁ τたうηいーたνにゅー αποφυγή συγκρούσεων) ηいーた δήλωση πぱいοおみくろんυうぷしろん θしーたαあるふぁ είναι τελευταία σしぐまτたうηいーたνにゅー σειρά πぱいοおみくろんυうぷしろん αναλύθηκε πぱいιいおたοおみくろん πάνω.

  1. «Learn to style HTML using CSS - Learn web development | MDN». developer.mozilla.org (σしぐまτたうαあるふぁ Αγγλικά). Ανακτήθηκε στις 3 Νοεμβρίου 2021. 

Εξωτερικοί σύνδεσμοι

[Επεξεργασία | επεξεργασία κώδικα]