Βασική Εκμάθηση CSS
- Προηγούμενη Σελίδα HTML
- Επόμενη Σελίδα Javascript
Τα απαιτούμενα βασικά γνώσεις
Πριν συνεχίσετε, πρέπει να έχετε βασική γνώση για τις παρακάτω πληροφορίες:
- HTML
- XHTML
Αν θέλετε να μάθετε πρώτα αυτά τα έργα, παρακαλώ Αρχική σελίδα Επισκεφθείτε τα σχετικά μαθήματα.
- Εισαγωγή στο CSS
-
- CSS αναφέρεται στις στυλ τάμπιλας κατακόρυφα (CAscading STyle SSheets)
- Ορισμός στυλΠώς να εμφανίζονται Τα στοιχεία HTML
- Οι στυλ τάμπιλας συνήθως αποθηκεύονται σεΟι στυλ τάμπιλαςΣε
- Η προσθήκη των στυλ στο HTML 4.0 ήταν γιαΛύνοντας το πρόβλημα της διάκρισης μεταξύ περιεχομένου και επίδειξης
- Εξωτερικές φόρμες στυλΜπορούν να αυξήσουν σημαντικά την απόδοση
- Τα εξωτερικά αρχεία στυλ τάμπιλας συνήθως αποθηκεύονται σε Αρχεία CSSΣε
- Πολλαπλές οριστικές στυλΚατακόρυφαΓια ένα
Οι στυλ λύνουν ένα κοινό πρόβλημα
Οι ετικέτες HTML κατασκευάστηκαν αρχικά για να χρησιμοποιηθούν στην οριστική περιγραφή του περιεχομένου του έγγραφου. Με τη χρήση ετικετών όπως <h1>, <p>, <table>, η HTML αναμενόταν να χρησιμοποιηθεί για να εκφράσει πληροφορίες όπως «αυτό είναι ένα τίτλος», «αυτό είναι ένα αρθρο», «αυτό είναι ένα πίνακα». Η διάταξη του έγγραφου αναμενόταν να ολοκληρωθεί από τον περιηγητή, χωρίς τη χρήση οποιωνδήποτε ετικετών μορφοποίησης.
Επειδή και οι δύο κύριοι περιηγητές (Netscape και Internet Explorer) συνεχίζουν να προσθέτουν νέες ετικέτες HTML και ιδιότητες (όπως ετικέτες γραμματοσειράς και ιδιότητες χρώματος) στη规范 του HTML, η δημιουργία ιστοχώρων με περιεχόμενο που είναι ανεξάρτητο από την επίδειξη της επίπεδης εμφάνισης γίνεται όλο και πιο δύσκολη.
Για να λύσουν αυτό το πρόβλημα, η Ένωση για την Τυποποίηση του Διαδικτύου (W3C), αυτή η μη κερδοσκοπική ένωση τυποποίησης, αναλάβησε τη αποστολή της τυποποίησης του HTML και δημιούργησε τα STYLES (στυλ) εκτός από το HTML 4.0.
Όλοι οι κύριοι περιηγητές υποστηρίζουν τις στυλ τάμπιλας.
Οι στυλ τάμπιλας αυξάνουν σημαντικά την απόδοση.
Η στυλ τάμπιλας καθορίζει πώς εμφανίζονται τα στοιχεία HTML, όπως οι ετικέτες γραμματοσειράς και οι ιδιότητες χρώματος στις στυλ τάμπιλας του HTML 3.2, συνήθως αποθηκεύονται σε εξωτερικά αρχεία .css. Με την επεξεργασία απλού CSS έγγραφου, οι εξωτερικές στυλ τάμπιλας σας δίνουν τη δυνατότητα να αλλάξετε την εμφάνιση της διάταξης όλων των σελίδων του ιστοχώρου σας ταυτόχρονα.
Επειδή επιτρέπει τον ταυτόχρονο έλεγχο του στυλ και της διάταξης πολλαπλών σελίδων, το CSS μπορεί να θεωρηθεί μιας από τις μεγάλες ανακαλύψεις στον τομέα του WEB σχεδιασμού. Καθώς αναπτύχθηκε της ιστοσελίδας, μπορείτε να ορίσετε στυλ για κάθε στοιχείο HTML και να εφαρμόσετε το σε οποιοδήποτε αριθμό σελίδων που θέλετε. Για να κάνετε μια παγκόσμια αλλαγή, απλά αλλάξτε το στυλ και όλα τα στοιχεία του ιστότοπου θα ενημερωθούν αυτόματα.
Πολλαπλά στυλ θα καταταχθούν σε
Οι φόρμες στυλ επιτρέπουν να καθορίζονται στυλ με διάφορους τρόπους. Τα στυλ μπορούν να καθορίζονται σε ένα μοναδικό στοιχείο HTML, στο κεφαλίδι της σελίδας HTML ή σε ένα εξωτερικό αρχείο CSS. Μπορεί επίσης να αναφέρονται πολλαπλές εξωτερικές φόρμες στυλ εντός ενός μοναδικού αρχείου HTML.
Ταξινόμηση Στυλ
Ποιο στυλ θα χρησιμοποιηθεί όταν το ίδιο στοιχείο HTML οριστεί από περισσότερους στυλ;
Γενικά, όλα τα στυλ θα παραταχθούν σε μια νέα εικονική φόρμα στυλ σύμφωνα με τις παρακάτω規칙, όπου ο αριθμός 4 έχει την υψηλότερη προτεραιότητα.
- Προεπιλεγμένα ρυθμίσεις browser
- Εξωτερικές φόρμες στυλ
- Εσωτερικές φόρμες στυλ (τοποθετημένες στο εσωτερικό της ετικέτας <head>)
- Εσωτερικά στυλ (στο εσωτερικό του στοιχείου HTML)
Επομένως, οι εσωτερικές στυλ (στο εσωτερικό του στοιχείου HTML) έχουν την υψηλότερη προτεραιότητα, κάτι που σημαίνει ότι προτιμάται από τις παρακάτω δηλώσεις στυλ: οι δηλώσεις στυλ στο <head> ετικέτα, οι δηλώσεις στυλ στις εξωτερικές φόρμες στυλ ή οι δηλώσεις στυλ στο browser (προεπιλεγμένο).
- Προηγούμενη Σελίδα HTML
- Επόμενη Σελίδα Javascript
