>> 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.