ALTAVEU: Així que en realitat no és la millor dissenyar entremesclar CSS amb HTML. Més aviat, el millor és factoritzar seva CSS, posar-lo en algun lloc central, i d'alguna manera aplicar-lo a la tags a la seva pàgina web. Per aconseguir això, podem deixar de realitat utilitzant l'atribut d'estil i en el seu lloc utilitzar una etiqueta d'estil, que pertany al cap d'una pàgina web juntament amb, per exemple, el seu títol. 

Anem a donar-li una oportunitat i tornar a posar en pràctica una pàgina principal per a John Harvard usant l'etiqueta d'estil. Ja he rebut puguem començar aquí amb tres divs per La pàgina web de John Harvard. Però primer anem a anar ara fins a aquesta primera div i afegir un nou atribut, és a dir, la identificació, i especificar que un únic identificador per aquest div particular, haurà de ser, per exemple, entre cometes "Top", un nom arbitrari, però descriptiva que aquest és div de fet en la part superior de la meva pàgina. 

Per a la propera div, anem a donar-li un ID diferent de, entre cometes "Mitjà", i donarem el tercer div un ID d'cometes "de baix". Nosaltres Ara té tres identificador únic a la qual es pot aplicar una mica de CSS propietats, però primer, anem a devolució al capdavant d'aquesta pàgina. Just per sobre del títol aquí, vaig a seguir endavant i definir l'estil i tancament l'estil. 

A l'interior d'aquest moment, vaig a definir algunes propietats d'estil CSS, és a dir, la mateixos que tenia anteriorment en Estil atributs, però aquí estaran definit centralment. Per a això, vaig a especificar la lliura símbol seguit per la part superior, de manera que especificant que el següent CSS propietats s'han d'aplicar a qualsevol Element HTML té l'única identificador de la part superior. Llavors vaig a tenir algunes obertes i claus tancades, i jo vaig a especificar, per exemple, mida de la lletra serà de 36 píxels, el pes de la font ha de ser audaç. 

Per mantenir les coses netes, estic posant cada d'aquestes propietats ara en la seva pròpia línia, però això és només una convenció estilística. A sota d'això, ara definirem un altre selector, per dir-ho. Aquesta és per a l'etiqueta HTML que té identificador únic del medi. I aquí, anem a especificar una mida de font de 24 píxels, per sota de l'altra selector per la part inferior, ia l'interior d'això, anem a especificar un mida de font de 12 píxels. 

Ara anem a guardar, canviar els permisos en, i carregar aquesta pàgina en un navegador, chmod un plus r css-1.html. Obrirem Chrome i visitar http://localhost/css-1.html. No està malament. Exactament com era la meva intenció, però m'agradaria prendre les coses un pas més enllà i ara text del centre John Harvard. Ara bé, per fer-ho, jo podria embolicar la pàgina sencera en un div com jo va fer un exemple anterior. O puc ser més intel · ligent i adonar-se que tots aquests divs es troben dins el cos de la meva pàgina, així que per què no s'apliquen una o més propietats de CSS per al cos etiquetar a si mateix? 

Per a això, farem això. Tornem a gedit aquí. Anem a retrocedir fins l'etiqueta d'estil, i anem a especificar un selector només usant el nom d'aquesta etiqueta, Cos. A sota d'això, posarem les nostres claus seguit pel centre de text-align. Ara anem a desar la pàgina i torna a carregar dins d'aquest navegador. Recarregar a Chrome, i voila. Ara tenim la pàgina de John Harvard centrada ja que teníem intenció.