>> Ræðumaður: Það kemur í ljós að HTML er ekki eina tungumálið sem þú getur notað innan
af a vefur blaðsíða.
Þú getur notað eitthvað sem kallast CSS, eða Cascading Style Sheets, eins og heilbrigður.
CSS leyfa þér að tilgreina miklu meira einmitt fagurfræði vefnum
síðu, þar með talið skipulag og stærðum og liti og letur og margt fleira.
Fyrir dæmi, við skulum búa til vefsíðu hér kallað CSS0 sem táknar
heimasíða fyrir, segja, John Harvard.
>> Á þessari síðu munum við hafa John Harvard nafn, undir sem verður
ágætur skilaboð fyrir gesti sína, undir sem verður fæti, með
segja, sumu upplýsingar.
Til að gera þetta, við skulum skilgreina þrískiptan fyrir síðuna með því að nota merki
kallað div.
Open krappi div, John Harvard, nálægt krappi div, annar opinn krappi div,
og nú munum tilgreina eitthvað eins, velkomin á heimasíðuna mína!
Og við skulum loka þessum DIV, eins og heilbrigður.
>> Og nú í þriðja og síðasta div, höfundarrétt.
Bara að vera ímynda sér, láta mig nota nú til HTML aðila, tákn sem sýnir
A karakter sem þú gætir ekki annað skrifar á lyklaborðinu þínu.
Einkum ætla ég að gera merkið, pund, 169, semíkommu.
Kemur í ljós að er tölustafir númer fyrir höfundarrétti tákn.
Þá skulum tilgreina John Harvard hér neðst.
Skulum loka div og vista skrána.
>> Nú, hvað er þetta div tag?
The div tag skilgreinir einfaldlega deild á síðunni, sem er fyrst og fremst á
rétthyrnd svæði.
Svo á þessari stundu í tíma, hef ég þrjá rétthyrnd svæði, einn á toppnum
hins.
Þannig að nú er nánast orðin eins og þótt ég hefði þrjár málsgreinar.
En við munum ekki sjá alveg eins mikið hvítt pláss á milli þeirra.
>> Skulum vista þessa skrá, breytt fjár heimildir, og taka a líta á að
augnablik í Chrome.
Chmod A + r CSS0.html.
Við skulum nú opna Króm og heimsókn http://localhost.CSS0.html.
Reyndar, hér er heimasíða John Harvard.
Skulum nú stylize það svolítið meira einmitt með einhverja CSS.
>> Aftur í gedit, við skulum fara inn í þessa Fyrsta div tag og bæta við stíl
eigindi tilgreina að ég vil Leturstærð, segjum 36 dílar, eða px.
Og ég vil vægi þessa leturgerð að vera djörf fremur en sjálfgefið,
sem er eðlilegt.
Fyrir seinni div, við skulum skilgreina annar stíll eiginleiki sem hefur
Leturstærð 24 punktar, svo svolítið minni.
Loka vitna eftir semíkommu.
>> Loksins, í þessu þriðja div, við skulum gera stíl jafngildir quote, leturstærð, og
segjum 12 punktar í þetta skipti.
Loka vitna eftir semíkommu.
Takið þá að ég virðist hafa tilgreint hluti af stylization fyrir
hver af þessum þremur divs að nota, það kemur í ljós, CSS.
Í staðreynd, the setningafræði sem þú sérð í milli þeirra gæsalappa er CSS,
sérstaklega CSS eignir með gildi.
Og eftir að fyrsta merkinu, þar sem ég hafði tvö slík eiginleika, leturstærð og
letur þyngd, ég greindi einfaldlega þau með semíkommu.
>> Nú, bara fyrir sakir Style, ég Einnig innifalinn semikommum á
í lok hverrar línu.
En þeir eru ekki brýna nauðsyn, sérstaklega þegar þú hefur aðeins einn
eign skilgreind.
Skulum nú vista skrána og endurhlaða í Króm, og sjá hvað
Nettó áhrif er.
Til baka í Króm hér, skulum smella á Reload.
>> Nú höfum við örlítið meira áhugavert heimasíða fyrir John
Harvard, þar sem fyrsta lína með nafn hans, sem er inni í því
Fyrsta div, er 36 punktar á hæð og einnig Feitletrun, þar sem annarri línu,
sem er í þeirri seinni div, er 24 pixlar á hæð, en ekki feitletra.
Og þar sem þriðja línan í því þriðja div er 12 punktar á hæð og einnig
ekki feitletra.
En geri ráð fyrir nú langar mig að skipta allan texta yfir
þannig að það er fyrir miðju.
>> Ég gæti samræma hverja einstaka divs eins og að vera með miðju.
En fleiri auðveldlega, gæti ég sett þá þrjú divs inni í fjórða div, a
foreldri div, svo að segja, og tilgreina að þessi div og allar hennar
afkomendur ættu að vera texti takt sent?
Skulum taka a útlit.
>> Inni í gedit, við skulum fara aftur til mín líkami og bæta við nýjum div upp efst með
div, stíll jafngildir vitna unquote texti align Center, nálægt
vitna eftir semíkommu.
Og nú, við skulum fara á undan og undirliður allt af þessum línum sem við slegið áður.
Og undir því þriðja div, við skulum loka þessa nýju DIV.
>> Með öðrum orðum, vegna þess að þeir þrír upprunalega divs eru nú börn, svo að
tala, nýs foreldri div og ég hef tilgreint sem mig langar til að samræma
texti foreldrisins div í miðju á síðunni, að eign verður
erfist öllum þeim börnum.
Reyndar, við skulum vista skrána og kíkja í vafranum.
Skulum endurhlaða í Króm.
Og þar höfum við það, enn betur heimasíða fyrir John Harvard.