Πώς να κάνει ένα Block Element Με CSS

CSS Όπως γίνεται η κινητήρια δύναμη είναι το νέο σχεδιασμό ιστοσελίδας , πολλοί ανακαλύπτουν πώς η γλώσσα κάνει κωδικοποίησης σελίδες διαφορετική από απλή HTML . Ένα από τα κύρια ιδέα CSS είναι η διαφορά μεταξύ των διαφόρων τύπων στοιχείων . Θα μπορούσαμε να πούμε ένα στοιχείο μπλοκ λειτουργεί σαν μια παράγραφο : σκεφτείτε το σαν ένα στοιχείο που αναγκάζει μια νέα γραμμή , η οποία δεν μοιράζονται το διάστημα . Κάνοντας στοιχεία μπλοκ αποτελεί μέρος του σχεδιασμού ιστοσελίδων διάστημα , καθώς οι μηχανικοί βελτίωση του παλαιού συστήματος ετικέτα HTML . Οδηγίες
Η 1

Ορίστε το αντικείμενό σας . Χρησιμοποιήστε είτε έναν απλό ορισμό ( Ex : h1 για έναν τίτλο ) ή σε μια κλάση . Χαρακτηρίζοντας ένα στοιχείο CSS περιλαμβάνει δίνοντας ιδιότητες που ορίζονται στις εντολές CSS επιλογέα , για παράδειγμα , εάν το Α είναι το στοιχείο σας : A {color : red } 2

Τώρα , αν ο Α είναι κάποιο στοιχείο που θέλετε να κάνει σε ένα στοιχείο μπλοκ , μπορείτε να χρησιμοποιήσετε μια άλλη εντολή CSS για να το καταστήσει αυτόν τον τρόπο χρησιμοποιώντας την εντολή της οθόνης . Για την Α , η εντολή θα μοιάζει κάπως έτσι : Μια { display: block }
εικόνων 3

Σκεφτείτε επίσης χρησιμοποιούν άλλες μορφές προβολής που κάνουν ένα στοιχείο μπλοκ , όπως η « λίστα - στοιχείο », « συμπαγής »και« run- in ' . ( Και οι δύο « συμπαγή » και « στρωθεί » υποστηρίζει πολλαπλές μορφές εμφάνισης ) .
Η 4

Manifest στοιχείο σας χρησιμοποιώντας ανοίγουν και κλείνουν ετικέτες CSS και τη θέση κείμενο ή άλλο κωδικό μέσα
<. br > 5

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

Για να ελέγξετε την περαιτέρω σύνταξη σας , πηγαίνετε στην ιστοσελίδα W3 και να χρησιμοποιήσετε το εργαλείο επικύρωσης τους . Απλά ανεβάστε τον κωδικό σας και το CSS validator θα σας δείξει τυχόν λάθη .
Η
εικόνων