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