ENCEINTE: Donc ce n'est pas vraiment la meilleure concevoir à mêler CSS avec HTML. Au contraire, il est préférable de tenir votre CSS, mettre quelque chose de central, et en quelque sorte l'appliquer à la mots-clés dans votre page web. Pour ce faire, nous pouvons arrêter en utilisant l'attribut de style et la place utiliser une balise de style, qui appartient à la tête d'une page web à coté, pour Ainsi, votre titre. 

Donnons à ce essayer et re-mettre en œuvre une page d'accueil pour John Harvard en utilisant la balise de style. J'ai déjà eu nous avons commencé ici avec trois divs pour Le site web de John Harvard. Premier maintenant aller Mais nous allons à cette première div et ajouter un nouvel attribut, à savoir ID, et spécifier qu'un unique de identifiant pour cette div particulier sont, par exemple, entre guillemets "Top", un nom arbitraire, mais descriptif que cette div est en effet en haut de ma page. 

Pour la prochaine div, donnons-lui une ID différent de entre guillemets "Milieu", et nous allons donner le troisième div un ID de je cite «bas». Nous ont maintenant trois identificateur unique à laquelle nous pouvons appliquer un peu de CSS propriétés, mais d'abord, revenons à la tête de cette page. Juste au-dessus du titre ici, je vais aller de l'avant et de définir le style puis fermez le modèle. 

A l'intérieur de ce moment, je vais définir certaines propriétés CSS, à savoir la mêmes que j'ai déjà eu dans le style attributs, mais ici ils seront défini centralement. Pour ce faire, je vais préciser la livre symbole suivie par dessus, ce qui précisant que le CSS suivant propriétés doivent s'appliquer à n'importe quelle élément HTML a uniques identificateur de haut. Je puis aller à une certaine ouverture et accolades fermées, et je vais préciser, par exemple, la taille de police est de 36 pixels, poids de la police doit faire preuve d'audace. 

Pour garder les choses propres, je mets chaque de ces propriétés maintenant de sa propre ligne, mais c'est juste un convention stylistique. En dessous, nous allons définir maintenant un autre sélecteur, pour ainsi dire. Celui-ci pour la balise HTML qui a identificateur unique du milieu. Et ici, nous allons spécifier une taille de police de 24 pixels, au-dessous de l'autre que Sélecteur de fond, et à l'intérieur de cela, nous allons préciser un la taille de police de 12 pixels. 

Voyons maintenant enregistrer, modifier les autorisations sur, et de charger cette page dans un navigateur, chmod un plus r css-1.html. Ouvrons Chrome et visiter http://localhost/css-1.html. Pas mal. Exactement comme je voulais, mais je voudrais prendre les choses un peu plus loin maintenant et Le texte de centre John Harvard. Maintenant, pour ce faire, je pourrais enrouler le page entière dans un div comme je fait un exemple précédent. Ou je peux être plus intelligent et réaliser que tous ces divs sont à l'intérieur de le corps de ma page, alors pourquoi ne pas appliquer un ou plusieurs des propriétés CSS pour le corps marquer lui-même? 

Pour ce faire, nous allons le faire. Revenons à gedit ici. Disons revenir en arrière jusqu'à la balise de style, et nous allons spécifier un sélecteur juste utilisant le nom, corps de cette balise. En dessous, nous allons mettre nos accolades suivi par le centre text-align. Sauvons maintenant la page et recharger à l'intérieur de ce navigateur. Recharger en chrome, et le tour est joué. Nous avons maintenant la page de John Harvard centrée que nous voulions.