Αρχίγραμμα με CSS

18 03 2008

Υπάρχει ένα css pseudo-element που δεν είναι ευρέως γνωστό, παρ,ότι πολύ χρήσιμο: To :first-letter. Στην προκειμένη περίπτωση μας σώζει από extra non-semantic markup (και server-side κώδικα, στην περίπτωση δυναμικής σελίδας) για να δημιουργήσουμε αρχίγραμμα σε κάποια κείμενα. Έστω πχ ότι το εν λόγω κείμενο βρίσκεται μέσα σε ένα div με class “content”. O css selector μας θα είχε ως εξής:

div.content:first-letter

Το βασικό για τη δημιουργία αρχιγράμματος είναι οι δύο παρακάτω δηλώσεις:

display:block;
float:left;

Αυτές του δίνουν τη δομή που θέλουμε. Συνήθως χρειάζεται και Διαβάστε την συνέχεια του άρθρου »