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.