ΟΜΙΛΗΤΗΣ: Έτσι δεν είναι πραγματικά το καλύτερο Σχεδιάζουμε να μπερδεύονται με CSS HTML. Μάλλον, είναι καλύτερο να συνυπολογίσει σας CSS, το βάζουμε κάπου κεντρικά, και κατά κάποιο τρόπο ισχύει για το ετικέτες στην ιστοσελίδα σας. Για να επιτευχθεί αυτό, μπορούμε πραγματικά να σταματήσει χρησιμοποιώντας το χαρακτηριστικό στυλ και αντ 'αυτού χρησιμοποιήστε μια ετικέτα στυλ, το οποίο ανήκει στην επικεφαλής μιας σελίδας web, παράλληλα, για παράδειγμα, τον τίτλο σας. 

Ας δώσει σε αυτό μια δοκιμή και την εκ νέου εφαρμογή μια αρχική σελίδα για τον John Harvard χρησιμοποιώντας την ετικέτα στυλ. Έχω πάρει ήδη μας ξεκίνησε εδώ με τρεις divs για Αρχική John Χάρβαρντ. Αλλά ας πρώτα τώρα ανεβαίνουν σε αυτό το πρώτο div και να προσθέσετε ένα νέο χαρακτηριστικό, δηλαδή ID, και να καθορίσετε ότι μια μοναδική αναγνωριστικό για το συγκεκριμένο div πρέπει να είναι, για παράδειγμα, παραθέτω χωρίς εισαγωγικά "Κορυφή", ένα αυθαίρετο όνομα, αλλά περιγραφική, αυτό το div είναι Πράγματι, στην κορυφή της σελίδας μου. 

Για την επόμενη div, ας δώσουμε μια διαφορετική ταυτότητα της παράθεση unquote "Μεσαία" και ας δώσουμε το τρίτο div ένα αναγνωριστικό απόσπασμα της unquote "εκ των κάτω". Εμείς τώρα έχουμε τρεις μοναδικό αναγνωριστικό με την οποία μπορούμε να εφαρμόσουμε κάποια CSS ιδιότητες, αλλά πρώτα, ας επιστροφή στο κεφάλι αυτής της σελίδας. Ακριβώς πάνω από τον τίτλο εδώ, εγώ θα να προχωρήσει και να ορίσετε το στυλ και στη συνέχεια κλείστε το στυλ. 

Μέσα από αυτό τώρα, πάω να καθορίσουν ορισμένες ιδιότητες CSS, δηλαδή η ίδια με αυτά που είχα προηγουμένως με στυλ χαρακτηριστικά, αλλά εδώ θα είναι καθορίζεται σε κεντρικό επίπεδο. Για να γίνει αυτό, θα πάω για να καθορίσετε τη λίρα σύμβολο που ακολουθείται από πάνω, έτσι διευκρινίζοντας ότι η ακόλουθη CSS ιδιότητες θα πρέπει να ισχύουν σε ό, τι HTML στοιχείο έχει τη μοναδική αναγνωριστικό κορυφή. Είμαι στη συνέχεια πρόκειται να έχουν κάποια ανοιχτή και κλειστά άγκιστρα, και Πάω να προσδιορίζει, για παράδειγμα, το μέγεθος της γραμματοσειράς πρέπει να είναι 36 pixels, το βάρος της γραμματοσειράς πρέπει να είναι τολμηρή. 

Για να κρατήσει τα πράγματα καθαρά, βάζω κάθε από αυτές τις ιδιότητες τώρα μόνη της γραμμή, αλλά αυτό είναι μόνο ένα υφολογική σύμβαση. Κάτω από αυτό, ας τώρα να ορίσει ένα άλλο επιλογέα, να το πω έτσι. Αυτή η μία για την ετικέτα HTML που έχει μοναδικό αναγνωριστικό της μέσης. Και εδώ, ας καθορίσετε ένα μέγεθος γραμματοσειράς 24 pixels, κάτω από αυτό το άλλο επιλογέα για κάτω, και μέσα από αυτό, ας ορίσετε μια το μέγεθος της γραμματοσειράς των 12 pixels. 

Ας σώσει τώρα, να αλλάξετε τα δικαιώματα για, και να φορτώσει αυτή τη σελίδα σε ένα πρόγραμμα περιήγησης, chmod ένα συν r css-1.html. Ας ανοίξει Chrome και επισκεφθείτε http://localhost/css-1.html. Δεν είναι κακό. Ακριβώς όπως είχα την πρόθεση, αλλά θα ήθελα να πάρουμε τα πράγματα ένα βήμα παραπέρα και τώρα κείμενο το κέντρο John Χάρβαρντ. Τώρα για να το πράξουν, θα μπορούσα να τυλίξετε το ολόκληρη σελίδα σε ένα div, όπως εγώ έκανε ένα προηγούμενο παράδειγμα. Ή μπορώ να είμαι πιο έξυπνος και να συνειδητοποιήσουν ότι όλα αυτά τα divs είναι μέσα το σώμα της σελίδας μου, οπότε γιατί να μην ισχύουν μόνο μία ή περισσότερες ιδιότητες CSS στο σώμα ίδια ετικέτα; 

Για να γίνει αυτό, ας το κάνουμε. Ας πάμε πίσω στο gedit εδώ. Ας κύλιση προς τα πάνω στην ετικέτα Στυλ, και ας ορίσετε έναν επιλογέα μόνο χρήση αυτού του tag το όνομα, το σώμα. Κάτω από αυτό, ας βάλουμε άγκιστρα μας ακολουθούμενη από το κέντρο text-align. Ας τώρα να αποθηκεύσετε τη σελίδα και να φορτώσετε εκ νέου το εσωτερικό αυτού του προγράμματος περιήγησης. Ανανέωση στο Chrome, και voila. Τώρα έχουμε σελίδα John Χάρβαρντ με επίκεντρο όπως εμείς έχουμε σκοπό.