Μαθήματα CSS

Πρώτα βήματα στα CSS: hacks και bugs

Τα CSS hacks ανακαλύφθηκαν επειδή ο κάθε browser -ασχέτως με το πόσο κοντά στα standards βρίσκεται- έχει δική του άποψη για το πως θα ερμηνεύσει τον κώδικα CSS. Περίεργο, αλλά συμβαίνει, και τις περισσότερες φορές οφείλεται σε bugs, με πρωταθλητή τον Internet Explorer.
Διαβάστε περισσότερα…

Μαθήματα CSS

Πρώτα βήματα στα CSS: μενού 2

Έχοντας ολοκληρώσει τα header και container, μπορούμε να δούμε το μενού πλοήγησης του site. Η λίστα ul (unordered list) είναι το καταλληλότερο tag για την δημιουργία του βασικού μας μενού και με την βοήθεια των CSS θα την φέρουμε στα μέτρα μας.
Διαβάστε περισσότερα…

Μαθήματα CSS

Πρώτα βήματα στα CSS: float

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

Μαθήματα CSS

Πρώτα βήματα στα CSS: em, px και %

Όλα τα elements της HTML έχουν συγκεκριμένες διαστάσεις, είτε πρόκειται για block είτε για inline. Ειδικά τα blocks, καταλαμβάνουν εξ ορισμού όλο το διαθέσιμο πλάτος και έχουν όσο ύψος χρειάζεται για το περιεχόμενο τους. Μέσω CSS όμως μπορούμε να αλλάξουμε τα μεγέθη τους κατά το δοκούν — λαμβάνοντας υπόψιν το box model.
Διαβάστε περισσότερα…

Μαθήματα CSS

Πρώτα βήματα στα CSS: selectors και rules

Ωραία όλα αυτά με τα κουτάκια, αλλά, μέχρι στιγμής, όλα είναι άδεια. Έχω να προσθέσω το περιεχόμενο — ο λόγος για τον οποίο δημιουργήθηκε αυτό το site. Και πρέπει να είναι εύχρηστο, εύκολο και σαφες. Για να δούμε τι μπορούμε να κάνουμε…
Διαβάστε περισσότερα…