CSS tutorial για αρχάριους.Εισαγωγή και επεξήγηση id,class,border,margin,padding,box model
Σελ. 1 από 10
από
Δημοσιεύθηκε στις 11-07-10 18:55
Καλησπέρα σας ..Το συγκεκριμένο tutorial που θα διαβάσετε ξεκινάει τα CSS από μηδενική βάση.Αυτό το βοήθημα είναι αποκλειστικά για αρχάριους στα CSS και σκοπό έχει να τους μυήσει στον κόσμο των Cascading Style Sheets…Το μόνο που χρειάζεται για να ακολουθήσετε το tutorial αυτό είναι να έχετε μία μικρή γνώση html..
Μία μικρή αναφορά στο παρελθόν.Εποχή πριν τα CSS.
Θα ξεκινήσουμε με μία μικρή αναφορά στο παρελθόν γιατί από κει ξεκινάνε όλα..Πριν από κάποια χρόνια οι web designers όταν έπρεπε να δημιουργήσουν μία ιστοσελίδα χρησιμοποιούσαν τη γνωστή σε όλους μας html.Για παράδειγμα, όταν είχαν να δημιουργήσουν μία παράγραφο έγραφαν
Κώδικας:
<p>
Τα περιεχόμενα της παραγράφου πάνε εδώ..
</p>
Όταν θέλανε να δημιουργήσουν τίτλους,επικεφαλίδες,υποκεφαλίδες έγραφαν:
Κώδικας:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
κλπ.
Όλα καλά μέχρι εδώ.Τι γινόταν όμως όταν χρειαζόταν να δώσουν κάποιο στυλ σε ένα html στοιχείο από τα παραπάνω;Για παράδειγμα τι γινόταν εάν ήθελαν να έχουν ένα τίτλο με έντονα (bold);Για να λυθεί αυτό έγραφαν:
Κώδικας:
<h1><b>This is heading 1</b></h1>
Οτιδήποτε βρισκόταν ανάμεσα στα ‘b’ tags γινόταν bold-δηλαδή έντονο.Φυσικά αντίστοιχες ενέργειες συνέβαιναν εάν ήθελαν να αλλάξουν τη γραμματοσειρά σε μια παράγραφο ή ακόμα και μία λέξη ,να δώσουν διαφορετικό χρώμα σε μία λέξη και πολλά άλλα..Και ποιο είναι το πρόβλημα με όλα αυτά;