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

Το CSS είναι μια γλώσσα που περιγράφει τη μορφοποίηση ενός εγγράφου HTML.
Το CSS περιγράφει τον τρόπο με τον οποίο θα παρουσιαστούν στο φυλλομετρητή τα στοιχεία της γλώσσας HTML.
Το CSS προέρχεται από τα αρχικά των λέξεων Cascading Style Sheets
Το CSS καθορίζει τον τρόπο με τον οποίο τα στοιχεία της HTML θα αναπαρασταθούν σε οθόνη, σε χαρτί ή σε άλλα μέσα.
Η χρησιμοποίηση του CSS μας βοηθάει να γλιτώσουμε πολύ κόπο. Μπορούμε με ένα μόνο αρχείο να καθορίσουμε την εμφάνιση των στοιχείων της html σε πολλά αρχεία.
Τα εξωτερικά αρχεία CSS αποθηκεύονται σε αρχεία που η κατάληξή τους είναι .css.

Για ποιό λόγο να χρησιμοποιήσω CSS;

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

Το CSS έλυσε ένα μεγάλο πρόβλημα

Οι δημιουργοί της γλώσσας HTML ποτέ δεν εισήγαγαν ετικέτες για να καθορίσουν τη μορφοποίηση των ιστοσελίδων

Η γλώσσα HTML δημιουργήθηκε για να περιγράψει το περιεχόμενο μιας ιστοσελίδας, όπως για παράδειγμα:

<h1>Αυτό είναι μια επικεφαλίδα</h1>
<p>Αυτό είναι μια παράγραφος.</p>

CSS στην κατασκευή ιστοσελίδων

Στην έκδοση 3.2 της γλώσσας HTML προστέθηκαν κάποιες ετικέτες όπως η ετικέτα <font> καθώς και κάποιες ιδιότητες για τα χρώματα. Αυτό δημιούργησε έναν εφιάλτη για τους κατασκευαστές ιστοσελίδων. Κατά την ανάπτυξη ιστοσελίδων μεγάλου μεγέθους χρειάζεται η παρουσίαση κειμένου με συγκεκριμένο μέγεθος και χρώμα σε μεγάλο πλήθος σελίδων. Η μορφοποίηση αυτού του κειμένου κατέληξε να είναι μια επίπονη διαδικασία.
Για την επίλυση αυτού του προβλήματος, το World Wide Web Consortium (W3C) δημιούργησε τη γλώσσα CSS.

Η δημιουργία του CSS αφαίρεσε την πληροφορία μορφοποίησης από την HTML σελίδα!

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

Εισαγωγή στη γλώσσα html

Εάν δεν γνωρίζετε καλά τη γλώσσα HTML τότε καλό θα ήταν να διαβάσετε το άρθρο μας για την εισαγωγή στη γλώσσα html. Καλό θα ήταν πρώτα να ολοκληρώσετε τη μελέτη και την κατανόηση της γλώσσας html και μετά να ξεκινήσετε να μαθαίνεται css. Διότι όπως αναφέραμε ο σκοπός της css είναι να μορφοποιήσει τα στοιχεία της html.