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