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

Τα απαιτούμενα βασικά

Πριν συνεχίσετε, πρέπει να έχετε βασικές γνώσεις για τα εξής:

  • HTML
  • XHTML

Αν θέλετε να μάθετε πρώτα αυτά τα έργα, παρακαλώ Αρχική σελίδα Επισκεφθείτε τις σχετικές οδηγίες.

Εισαγωγή CSS

  • CSS είναι το όνομα της κλίμακας στυλ (Cascading Style SSheets)
  • Ορισμός στυλΠώς να εμφανίζονται HTML στοιχεία
  • Τα στυλ συνήθως αποθηκεύονταιΚλίμακα στυλΣε
  • Η προσθήκη της κλίμακας στυλ στο HTML 4.0 ήταν γιαΛύνοντας το πρόβλημα της διάκρισης μεταξύ περιεχομένου και εμφάνισης
  • Εξωτερική Φόρμα ΣτυλΜπορούν να βελτιώσουν σημαντικά την απόδοση
  • Τα εξωτερικά αρχεία κλίμακας στυλ συνήθως αποθηκεύονται Αρχεία CSSΣε
  • Πολλαπλές ορισμοί στυλ μπορούνΚλιμάκωσηΓια να

Η κλίμακα στυλ λύνει ένα συχνό πρόβλημα

Οι ετικέτες HTML αρχικά σχεδιάστηκαν για να χρησιμοποιηθούν για την ορισμό του περιεχομένου του έγγραφου. Χρησιμοποιώντας ετικέτες όπως <h1>, <p>, <table>, η αρχική ιδέα του HTML ήταν να εκφράσει πληροφορίες όπως "είναι τίτλος", "είναι παράγραφος", "είναι πίνακας". Ταυτόχρονα, η διάταξη του έγγραφου ορίζεται από τον περιηγητή, χωρίς τη χρήση οποιωνδήποτε ετικετών格式.

Επειδή και οι δύο κύριοι περιηγητές (Netscape και Internet Explorer) συνεχίζουν να προσθέτουν νέες ετικέτες HTML και ιδιότητες (όπως ετικέτες γραμματοσειράς και ιδιότητες χρώματος) στην προδιαγραφή HTML, η δημιουργία ιστοσελίδων με περιεχόμενο που είναι ανεξάρτητο από την επίδειξη της επίπεδο έγγραφου γίνεται όλο και πιο δύσκολη.

Για να λύσει αυτό το πρόβλημα, η Ένωση του Διαδικτύου (W3C), μια μη κερδοσκοπική οργάνωση για τη standardizzazione, αναλάβηκε τη αποστολή της standardization του HTML και δημιουργήσε το στυλ (Style) εκτός από το HTML 4.0.

Όλοι οι κύριοι περιηγητές υποστηρίζουν την κλίμακα στυλ.

Η κλίμακα στυλ σημαντικά βελτιώνει την απόδοση.

Η κλίμακα στυλ καθορίζει πώς θα εμφανίζονται τα στοιχεία HTML, όπως λειτουργούσαν οι ετικέτες γραμματοσειράς και οι ιδιότητες χρώματος στην HTML 3.2. Τα στυλ συνήθως αποθηκεύονται σε εξωτερικά αρχεία .css. Με την επεξεργασία μιας απλής κλίμακας στυλ, έχετε την ικανότητα να αλλάξετε τα στυλ και την εμφάνιση όλων των σελίδων του站点 ταυτόχρονα.

Διατρέχοντας την δυνατότητα να ελέγχεται ταυτόχρονα το στυλ και τη διάταξη πολλαπλών σελίδων, το CSS μπορεί να θεωρηθεί μιας καινοτομία στον τομέα του σχεδιασμού του WEB. Καθώς ο προγραμματιστής ιστοσελίδων, μπορείτε να καθορίσετε στυλ για κάθε στοιχείο HTML και να το εφαρμόσετε σε οποιαδήποτε αριθμό σελίδων που επιθυμείτε. Για να γίνει μια καθολική ενημέρωση, απλώς αλλάξτε το στυλ και όλα τα στοιχεία της ιστοσελίδας θα ενημερωθούν αυτόματα.

Πολλαπλά στυλ θα συναρμολογηθούν σε μια

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

Σειρά Κληρονομικότητας

Τι στυλ θα χρησιμοποιηθεί όταν το ίδιο στοιχείο HTML ορίζεται από περισσότερους στυλ;

Γενικά, όλα τα στυλ θα συναρμολογούνται σε μια νέα virtually στυλ φόρμα με βάση τις παρακάτω κανόνες, όπου το αριθμός 4 έχει την υψηλότερη προτεραιότητα.

  1. Προεπιλεγμένα Ρυθμίσεις του Προγράμματος Περιήγησης
  2. Εξωτερική Φόρμα Στυλ
  3. Εσωτερική Φόρμα Στυλ (τοποθετημένη μέσα στις ετικέτες <head>)
  4. Ενσωματωμένοι στυλ (στο εσωτερικό του στοιχείου HTML)

Επομένως, οι ενσωματωμένοι στυλ (στο εσωτερικό του στοιχείου HTML) έχουν την υψηλότερη προτεραιότητα, που σημαίνει ότι θα προτιμηθούν από τις παρακάτω δηλώσεις στυλ: στις ετικέτες <head>, στις εξωτερικές φόρμες στυλ ή στις δηλώσεις στυλ του προγράμματος περιήγησης (προεπιλεγμένη τιμή).