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