Tip:
Highlight text to annotate it
X
>> Ettekandja: Nii et see on tegelikult ei ole parim kujundada segunevad CSS HTML.
Pigem on see parim tegur välja oma CSS, pane see kusagil Kesk-ja
kuidagi rakendada seda tags oma veebilehel.
Selleks, saame tegelikult peatus kasutades Style atribuut ja selle asemel
kasutada stiil tag, mis kuulub pea veebilehe kõrval, sest
Näiteks oma pealkiri.
>> Anname sellele proovida ja uuesti rakendada kodulehekülg John Harvard
kasutades Style tag.
Olen juba saanud meile hakkas siin kolme divs kohta
John Harvard kodulehelt.
Kuid olgem esimene nüüd minna kuni esimese div ja lisage uus atribuut,
nimelt ID ja täpsustada, et ainulaadne tunnus selle konkreetse div
on näiteks quote lõppeb "Top" suvalise nime, kuid
kirjeldav, et see div on tõepoolest ülaosas minu leht.
>> Järgmise div Anname ta erinev ID quote lõppeb
"Middle" ja andkem kolmanda div ID quote Tsitaat lõppeb "alt." Me
nüüd on kolm kordumatu tunnus millele saame rakendada mõned CSS
omadused, kuid kõigepealt lubage tagasipöördumist juht seda lehte.
Just eespool pealkiri Siin ma minna ja määratleda stiili
ja sulgege stiilis.
>> Toas see nüüd, ma lähen, et määratleda mõned CSS omadused, nimelt
sama, mida ma varem Style atribuudid, kuid siin *** on
tsentraalselt määratletud.
Selleks ma täpsustada nael sümbol järgneb top, mis
täpsustades, et järgmised CSS omadused tuleks kohaldada olenemata
HTML element on unikaalne tunnus top.
Ma siis lähen olla avatud ja suletud lokkis traksid, ja ma lähen
täpsustada, ütleme, kirja suurus olema 36 pikslit, font kaal peab olema julge.
>> Et hoida asjad puhtad, ma panen iga Nende omaduste nüüd omal
line, kuid see on ainult stilistilise konventsioon.
Selle all, lähme nüüd määrata teine valijat, nii rääkida.
See üks HTML tag, mis on kordumatu tunnus keskel.
Ja siin, lähme määrata kirjasuuruse 24 pikslit, alla, et teine
selektor alt ja sees selle, olgem täpsustada
kirjasuurus 12 pikslit.
>> Olgem nüüd päästa, muuta permissions kohta ja laadige see leht brauseris,
chmod pluss r css-1.html.
Avame Chrome ja külastage http://localhost/css-1.html.
Pole paha.
Täpselt nagu ma ette, kuid ma tahaks võtta asju üks samm edasi nüüd ja
keskus John Harvard tekstiga.
Nüüd seda teha, ma võiks pakkima terve lehekülje div nagu ma
tegin varem näiteks.
Või ma ei saa olla tark ja mõista, et kõik need divs on sees
minu lehe keha, nii et miks mitte lihtsalt kohaldada üks või enam CSS omadused keha
tag ise?
>> Selleks teeme seda.
Lähme tagasi gedit siin.
Lähme tagasi kerima kuni Style tag, ja olgem täpsustada valijat lihtsalt
kasutades, et tag nimi, Body.
Allpool et paneme meie looksulg järgneb text-align center.
Olgem nüüd salvestada lehele ja laadida see sees, et brauseris.
Värskenda Chrome, ja voila.
Meil on nüüd John Harvard lehele tsentreeritud kui me ette.