SPEAKER: Do fakte ne estas la plej bona desegni al intermiksas CSS kun HTML. Pli ĝuste, ĝi estas bona por faktorigi el via CSS, metis ĝin ie centra, kaj iel aplikas ĝin al la tags en via retpaĝo. Por atingi tion, ni povas reale halti uzante la Stilo atributo kaj anstataŭ uzi Stilo etikedon, kiu apartenas en la kapo de retpaĝo al la flanko, por Ekzemple, via titolo. 

Ni donu tiun provon kaj re-apliki hejmo paĝo por John Harvard uzante la Stilo etikedo. Mi jam alvenintaj ni komencis tien kun tri divs por John Harvard hejmpaĝo. Sed ni unue nun iru al tiu unua div kaj aldonu novan atributon, nome ID, kaj specifi ke sola ensalutilo por tiu ĉi aparta div estos, ekzemple, citaĵo unquote "Top," arbitran nomon, sed priskriba en tiu ĉi div trovas ja sur la supro de mia paĝo. 

Por la proksima div, ni donu al ĝi malsamaj ID de kurzo unquote "Meza", kaj ni donos al la tria div IRU de kurzo unquote "malsupre." Ni nun havas tri solaj ensalutilo al kiu ni povas apliki iuj CSS posedaĵoj, sed unue, ni reveno al la kapo de tiu ĉi paĝo. Nur supre la titolon ĉi tie, mi iru antaŭen kaj difini stilo kaj poste fermi stilo. 

Ene de ĉi nun, mi tuj difini iuj CSS propraĵoj, nome la samaj Mi antaŭe havis en Stilo atributoj, sed ĉi tie ili estos centre difinitaj. Por tion fari, mi iros al precizigi la funto simbolo sekvas supro, tiamaniere preciziganta ke la jenaj CSS- propraĵoj devas apliki al kiom HTML-elemento havas la sola ensalutilo de supro. Mi tiam tuj havi iu malfermita kaj fermita krispa krampoj, kaj mi tuj specifi, diru, tiparo estos 36 rastrumeroj, tiparo pezo estu grasaj. 

Por subteni tion, pura, mi metas ĉiu de ĉi tiuj propraĵoj nun sur lia propra linio, sed tio estas nur stila konvencio. Sub ĉi tio, ni nun difini alian selector, por tiel diri. Ĉi unu por la HTML-etikedo kiu havas unika ensalutilo de mezo. Kaj en tie, ni specifi tiparo el 24 rastrumeroj, sub tiu alia selector por fundon, kaj interne de tiu, ni specifi tiparo grandeco de 12 rastrumeroj. 

Ni nun savu, ŝanĝi la permesojn on, kaj ŝarĝi ĉi tiun paĝon per foliumilo, chmod alpago r css-1.html. Atendu malfermi Chrome kaj viziti http://localhost/css-1.html. Ne malbone. Ĝuste kiel mi intencis, sed mi ŝatus preni tion, unu paŝon plu nun kaj centro John Harvard tekston. Nun fari tion, mi povus kovri la tuta paĝo en div kiel mi faris pli frua ekzemplo. Aŭ mi povas esti pli saĝaj kaj rimarkas ke ĉiuj el tiuj divs estas interne de mia paĝo korpo, do kial ne simple apliki unu aŭ pli CSS posedaĵojn al la korpo marki mem? 

Por tion fari, ni faros. Ni reiru al gedit tie. Ni rulumu reen ĝis la Stilo etikedo, kaj ni specifi selector nur uzante tiu tag nomo, Korpo. Malsupre, ke ni kunigu niajn krispa krampoj sekvata de teksto-align centro. Ni nun savu la paĝo kaj reŝarĝi ĝi ene de tiu legilo. Freŝigi en Chrome, kaj voila. Ni nun havas John Harvard paĝo centrita kiel ni intencis.