GÅoÅnik: Okazuje siÄ, że HTML nie jest jÄzyk można używaÄ tylko wewnÄ
trz o stronie internetowej. Możesz użyÄ czegoÅ o nazwie CSS, lub Kaskadowe arkusze stylów, jak również. CSS pozwala okreÅliÄ wiele wiÄcej wÅaÅnie estetyka internecie strony, w tym ukÅadzie i rozmiarach i kolory i czcionki i wiele innych. Na przykÅad stwórzmy stronÄ o nazwie css0 reprezentujÄ
ca strona gÅówna dla, powiedzmy, John Harvard.
Na tej stronie bÄdziemy mieli John Harvard Nazwa, pod którÄ
bÄdzie miÅa wiadomoÅÄ dla jego goÅci, pod które bÄdÄ
stopki, z powiedzieÄ trochÄ o prawach autorskich informacji. Aby to zrobiÄ, niech zdefiniowaÄ trzy oddziaÅy na stronie za pomocÄ
znacznika nazywa div. Otwórz wspornik div, John Harvard, blisko Uchwyt div, kolejny otwarty uchwyt div, a teraz bÄdziemy okreÅlaÄ coÅ jak, Witam na mojej stronie domowej! I niech zamknÄ
Ä div, jak również.
A teraz trzeci i ostatni div, prawa autorskie. Wystarczy byÄ wyszukane, pozwól mi użyÄ teraz o HTML podmiot, który reprezentuje symbol charakter, że nie można inaczej pisania na klawiaturze. W szczególnoÅci mam zamiar zrobiÄ Ampersand, funt, 169, Årednik. Okazuje siÄ, że jest kod numeryczny dla symbolu copyright. No to okreÅliÄ John Harvard tu na dole. Zamknijmy div i zapisz plik.
Teraz, co to jest div tag? Znacznik div po prostu definiuje podziaÅ strony, która jest w zasadzie prostokÄ
tny obszar. WiÄc w tym momencie, mam trzy prostokÄ
tnych regionach, jeden na wierzchu z drugiej strony. WiÄc teraz, efekt jest prawie tak choÄ miaÅem trzy akapity. Ale nie bÄdzie widaÄ aż tak wiele odstÄpy pomiÄdzy nimi.
Miejmy zapisaÄ ten plik, zmieniÄ jego Uprawnienia i spojrzeÄ na moment w Chrome. Chmod + r CSS0.html. Niech teraz otworzyÄ Chrome i wizyta http://localhost.CSS0.html. RzeczywiÅcie, tutaj jest strona gÅówna John Harvard. Powiedzmy teraz stylizowaÄ to trochÄ wiÄcej wÅaÅnie za pomocÄ
niektórych CSS.
Powrót w gedit, chodźmy do tego Pierwszy znacznik div i dodaÄ styl atrybut okreÅlajÄ
cy, że chciaÅbym rozmiar czcionki, powiedzmy, 36 pikseli lub px. I chciaÅbym ciÄżar tej czcionki byÄ ÅmiaÅy zamiast domyÅlnego, co jest normalne. Dla drugiego div, niech okreÅliÄ inny atrybut style, który ma rozmiar czcionki 24 pikseli, wiÄc trochÄ mniejsze. Zamknij cytaty po Årednikiem.
Wreszcie w trzeciej div, zróbmy Styl jest równa wielkoÅci cytat, czcionki, i powiedzmy 12 pikseli i tym razem. Zamknij cytat po Årednikiem. Zauważ to, że wydaje siÄ, że podano nieco stylizacji dla każda z tych trzech div stosujÄ
c, Okazuje siÄ, CSS. W rzeczywistoÅci, skÅadnia, że ââmożna zobaczyÄ w miÄdzy tymi cudzysÅowach jest CSS specjalnie wÅaÅciwoÅci CSS z wartoÅciami. I do tego pierwszego sÅowa, gdzie miaÅem dwa takie wÅaÅciwoÅci, rozmiar czcionki i waga czcionki, po prostu oddzielone je Årednikiem.
Teraz, wÅaÅnie przez wzglÄ
d na styl, w ja również ujÄte Åredniki w koniec każdego wiersza. Ale nie sÄ
one absolutnie konieczne, szczególnie, gdy masz tylko jednÄ
WÅaÅciwoÅÄ okreÅlona. ZaÅóżmy teraz zapisaÄ plik i zaÅaduj w Chrome i zobacz, co Efekt netto jest. Powrót w Chrome tutaj, Miejmy kliknij OdÅwież.
Teraz mamy nieco bardziej interesujÄ
ce strona gÅówna dla Jana Harvard, przy czym pierwsza linia z jego nazwisko, co jest wewnÄ
trz, że Pierwsza liga, jest 36 pikseli wysokoÅci, a także pogrubiony, przy czym druga linia, które znajduje siÄ w tym drugim div wynosi 24 pikseli wysokoÅci, ale nie pogrubione. I przy czym trzecia linia w tym trzecia div jest 12 pikseli wysokoÅci, a także nie pogrubione. Ale zaÅóżmy, że teraz chciaÅbym przenieÅÄ caÅy ten tekst na tak, że jest wyÅrodkowane.
MogÄ dostosowaÄ każdy z jednostki DIV jako centrum. Ale Åatwiej, mogÄ zawinÄ
Ä te trzy div wewnÄ
trz czwartego DIV, rodzic div, że tak powiem, i okreÅliÄ Å¼e div i wszystkie jego potomkowie powinni byÄ Tekst wyrównany centrum? RzuÄmy okiem.
WewnÄ
trz gedit, wróÄmy do mojego ciaÅo i dodaÄ nowe div up top z div, styl równa cytatu Wyrównanie tekstu do centrum, w pobliżu CytujÄ
c po Årednikiem. A teraz, idziemy naprzód i wszystko tiret z tych linii, które wpisaliÅmy wczeÅniej. I poniżej tego trzeciego div, niech zamknÄ
Ä ten nowy div.
Innymi sÅowy, ponieważ te trzy Teraz oryginalne div dzieci, tak, aby mówiÄ, nowego nadrzÄdnego div i mam okreÅlono, że chciaÅbym, aby wyrównaÄ Tekst tego div nadrzÄdnej w centrum strony, że nieruchomoÅÄ bÄdzie dziedziczone przez wszystkie te dzieci. Istotnie, niech zapisaÄ plik i spójrz w przeglÄ
darce. Miejmy przeÅadowaÄ w Chrome. I nie mamy go, nawet Åadniejszy strona gÅówna John Harvard.