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