Tip:
Highlight text to annotate it
X
>> Głośnik: Więc to nie jest faktycznie najlepszy zaprojektować, aby przenikają CSS z HTML.
Przeciwnie, jest to najlepszy czynnik swoje CSS, umieścić go gdzieś w centrum, a
jakoś zastosować go do tagi w swojej stronie internetowej.
Aby to osiągnąć, można w rzeczywistości zatrzymania za pomocą atrybutu stylu i zamiast
stosować tag styl, który należy w Szef stronie obok, na
przykład, jeśli Twój opis.
>> Dajmy to spróbować i ponownie wdrożyć strona główna John Harvard
za pomocą znacznika stylu.
Ja już dostałem nas zaczął tutaj z trzech div dla
Strona główna John Harvard.
Ale niech najpierw przejdzie do tego pierwszego div i dodać nowy atrybut,
czyli ID, i określić, że unikalna identyfikatora dla danego dz
są, na przykład, cytatu "Top" arbitralna nazwa, ale
opisowy, że div jest Rzeczywiście w górnej mego stronie.
>> Na następny div, dajmy mu różne ID cytatu
"Średnim" i dajmy trzeci div ID cytatu "dołu". My
teraz trzy unikalny identyfikator , do którego możemy zastosować jakąś CSS
właściwości, ale najpierw wróćmy szefa tej stronie.
Tuż *** tytułem tutaj, będę śmiało zdefiniować styl
a następnie zamknij styl.
>> Wewnątrz tego teraz, mam zamiar zdefiniować niektóre właściwości CSS, a mianowicie
same, ja poprzednio w stylu atrybutów, ale tutaj zostaną one
centralnie zdefiniowane.
Aby to zrobić, mam zamiar podać funta Symbol następnie górze, tym samym
określając, że następujące CSS nieruchomości, co powinno mieć zastosowanie do
Element HTML ma wyjątkowy Identyfikator z góry.
Ja wtedy będziemy mieć otwarte i pewne zamknięte nawiasy klamrowe i zamierzam
określić, powiedzmy, rozmiar czcionki jest 36 pikseli, waga czcionki są pogrubione.
>> Aby utrzymać wszystko czyste, Kładę każdego tych właściwości teraz na własną rękę
linii, ale to tylko Konwencja stylistyczna.
Poniżej to, teraz określić inny wyboru, że tak powiem.
Ten dla zmiennej, która ma HTML Unikalny identyfikator środku.
I tu, niech określić rozmiar czcionki 24 pikseli, a poniżej drugiego
Przełącznik do dołu i wewnątrz z tym, niech określić
rozmiar czcionki 12 pikseli.
>> Załóżmy teraz zapisać, zmienić uprawnienia na, i załadować tę stronę w przeglądarce,
chmod na plus r CSS-1.html.
Otwórzmy się Chrome i odwiedzić http://localhost/css-1.html.
Nie jest źle.
Dokładnie tak, jak chciałem, ale chciałbym wziąć sprawy o krok dalej i teraz
Wyśrodkowanie tekstu Johna Harvardu.
Teraz to zrobić, mogę zawinąć cała strona w div jak
nie wcześniejszy przykład.
Lub może być bardziej sprytny i uświadomić sobie, że Wszystkie te znajdują się wewnątrz div
Ciało mojej stronie, więc dlaczego nie stosować jedna lub więcej właściwości CSS do ciała
oznacz się?
>> Aby to zrobić, zróbmy to.
Wróćmy do gedit tutaj.
Załóżmy, przewijania do znacznika stylu, i niech tak określić selektor
za pomocą tego znacznika nazwisko, ciało.
Poniżej, postawmy nasze nawiasy klamrowe następnie centrum text-align.
Załóżmy teraz zapisać stronę i załaduj to wewnątrz tej przeglądarki.
Odśwież w Chrome, i voila.
Mamy teraz stronę Johna Harvarda centered jak zamierzaliśmy.