Εισαγωγή στο CSS

Τι είναι το CSS;

  • CSS προσδιορίζει τα Cascading Style Sheets* (Cascading Style Ssheets)
  • Το CSS περιγράφειΠώς να εμφανίζονται τα στοιχεία HTML στις οθόνες, το χαρτί ή άλλες πλατφόρμες
  • CSS αποτελείται για πολλά έργαμπορεί να ελέγχει ταυτόχρονα την διάταξη πολλών ιστοσελίδων
  • Το εξωτερικό αρχείο στυλ αποθηκεύεται στο CSS αρχείο中

*:Και επίσης ονομάζεται Cascading Style Sheets.

Προσδειγμα CSS - Η ιστοσελίδα HTML - Με πολλούς στυλ!

Ακολουθεί μια ιστοσελίδα που παρέχει τέσσερις διαφορετικές λίστες στυλ. Κάνε κλικ στα παρακάτω δεσμούς λίστας στυλ για να δεις διαφορετικά στυλ:

Γιατί να χρησιμοποιήσουμε το CSS;

Το CSS χρησιμοποιείται για να καθορίζει τους στυλ των ιστοσελίδων, συμπεριλαμβανομένων των σχεδιασμών και των διατάξεων για διάφορα εξοπλισμούς και μεγέθη οθόνης.

Παράδειγμα CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Προσπάθησε να το δοκιμάσεις!

CSS λύει ένα μεγάλο πρόβλημα

HTML ποτέ δεν σκόπευε να περιέχει σημάδια格式τικης αισθητικής για τις ιστοσελίδες!

Ο σκοπός της δημιουργίας του HTML είναιΠεριγραφή της ιστοσελίδαςπρέπει να περιλαμβάνει, π.χ.:

<h1>Αυτό είναι ένα τίτλος.</h1>
<p>Αυτό είναι ένα κεφάλαιο.</p>

Με την προσθήκη ετικετών όπως <font> και της ιδιότητας color στην规范 HTML 3.2, ξεκίνησε ο εφιάλτης των Web Developers. Η ανάπτυξη μεγάλων ιστοσελίδων περιλάμβανε την προσθήκη πληροφοριών για τα γράμματα και τα χρώματα σε κάθε σελίδα, καθιστώντας έναν μακρύ και ακριβό διαδικασία.

Για να λύσει αυτό το πρόβλημα, η World Wide Web Consortium (W3C) δημιουργήθηκε το CSS.

Το CSS αφαιρεί το στυλ格式 από τις σελίδες HTML.

Αν δεν γνωρίζετε τι είναι το HTML, συνιστάται να διαβάσετε Εκμάθηση HTML.

Το CSS εξοικονομεί πολύ χρόνο!

Η ορισμός των στυλ συχνά αποθηκεύονται σε εξωτερικά αρχεία .css.

Με τη χρήση εξωτερικών αρχείων στυλ, χρειάζεται να αλλάξετε μόνο ένα αρχείο για να αλλάξετε το εμφάνιση ολόκληρης της ιστοσελίδας!