1
00:00:00,000 --> 00:00:00,300

2
00:00:00,300 --> 00:00:04,840
>> Głośnik: Więc to nie jest faktycznie najlepszy
zaprojektować, aby przenikają CSS z HTML.

3
00:00:04,840 --> 00:00:08,700
Przeciwnie, jest to najlepszy czynnik swoje
CSS, umieścić go gdzieś w centrum, a

4
00:00:08,700 --> 00:00:11,430
jakoś zastosować go do
tagi w swojej stronie internetowej.

5
00:00:11,430 --> 00:00:15,290
Aby to osiągnąć, można w rzeczywistości zatrzymania
za pomocą atrybutu stylu i zamiast

6
00:00:15,290 --> 00:00:19,290
stosować tag styl, który należy w
Szef stronie obok, na

7
00:00:19,290 --> 00:00:20,700
przykład, jeśli Twój opis.

8
00:00:20,700 --> 00:00:24,400
>> Dajmy to spróbować i ponownie wdrożyć
strona główna John Harvard

9
00:00:24,400 --> 00:00:26,410
za pomocą znacznika stylu.

10
00:00:26,410 --> 00:00:28,930
Ja już dostałem nas zaczął
tutaj z trzech div dla

11
00:00:28,930 --> 00:00:30,260
Strona główna John Harvard.

12
00:00:30,260 --> 00:00:33,990
Ale niech najpierw przejdzie do tego pierwszego
div i dodać nowy atrybut,

13
00:00:33,990 --> 00:00:38,680
czyli ID, i określić, że unikalna
identyfikatora dla danego dz

14
00:00:38,680 --> 00:00:42,390
są, na przykład, cytatu
"Top" arbitralna nazwa, ale

15
00:00:42,390 --> 00:00:45,840
opisowy, że div jest
Rzeczywiście w górnej mego stronie.

16
00:00:45,840 --> 00:00:48,920
>> Na następny div, dajmy mu
różne ID cytatu

17
00:00:48,920 --> 00:00:54,080
"Średnim" i dajmy trzeci div
ID cytatu "dołu". My

18
00:00:54,080 --> 00:00:57,740
teraz trzy unikalny identyfikator
, do którego możemy zastosować jakąś CSS

19
00:00:57,740 --> 00:01:01,210
właściwości, ale najpierw wróćmy
szefa tej stronie.

20
00:01:01,210 --> 00:01:04,760
Tuż nad tytułem tutaj, będę
śmiało zdefiniować styl

21
00:01:04,760 --> 00:01:07,120
a następnie zamknij styl.

22
00:01:07,120 --> 00:01:10,340
>> Wewnątrz tego teraz, mam zamiar zdefiniować
niektóre właściwości CSS, a mianowicie

23
00:01:10,340 --> 00:01:14,550
same, ja poprzednio w stylu
atrybutów, ale tutaj zostaną one

24
00:01:14,550 --> 00:01:16,320
centralnie zdefiniowane.

25
00:01:16,320 --> 00:01:20,880
Aby to zrobić, mam zamiar podać funta
Symbol następnie górze, tym samym

26
00:01:20,880 --> 00:01:24,710
określając, że następujące CSS
nieruchomości, co powinno mieć zastosowanie do

27
00:01:24,710 --> 00:01:28,800
Element HTML ma wyjątkowy
Identyfikator z góry.

28
00:01:28,800 --> 00:01:32,240
Ja wtedy będziemy mieć otwarte i pewne
zamknięte nawiasy klamrowe i zamierzam

29
00:01:32,240 --> 00:01:39,170
określić, powiedzmy, rozmiar czcionki jest 36
pikseli, waga czcionki są pogrubione.

30
00:01:39,170 --> 00:01:41,810
>> Aby utrzymać wszystko czyste, Kładę każdego
tych właściwości teraz na własną rękę

31
00:01:41,810 --> 00:01:44,610
linii, ale to tylko
Konwencja stylistyczna.

32
00:01:44,610 --> 00:01:47,830
Poniżej to, teraz określić inny
wyboru, że tak powiem.

33
00:01:47,830 --> 00:01:52,680
Ten dla zmiennej, która ma HTML
Unikalny identyfikator środku.

34
00:01:52,680 --> 00:01:57,540
I tu, niech określić rozmiar czcionki
24 pikseli, a poniżej drugiego

35
00:01:57,540 --> 00:02:01,520
Przełącznik do dołu i wewnątrz
z tym, niech określić

36
00:02:01,520 --> 00:02:03,850
rozmiar czcionki 12 pikseli.

37
00:02:03,850 --> 00:02:09,350
>> Załóżmy teraz zapisać, zmienić uprawnienia
na, i załadować tę stronę w przeglądarce,

38
00:02:09,350 --> 00:02:14,230
chmod na plus r CSS-1.html.

39
00:02:14,230 --> 00:02:22,260
Otwórzmy się Chrome i odwiedzić
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Nie jest źle.

41
00:02:22,960 --> 00:02:26,930
Dokładnie tak, jak chciałem, ale chciałbym
wziąć sprawy o krok dalej i teraz

42
00:02:26,930 --> 00:02:29,050
Wyśrodkowanie tekstu Johna Harvardu.

43
00:02:29,050 --> 00:02:32,080
Teraz to zrobić, mogę zawinąć
cała strona w div jak

44
00:02:32,080 --> 00:02:33,800
nie wcześniejszy przykład.

45
00:02:33,800 --> 00:02:37,820
Lub może być bardziej sprytny i uświadomić sobie, że
Wszystkie te znajdują się wewnątrz div

46
00:02:37,820 --> 00:02:42,420
Ciało mojej stronie, więc dlaczego nie stosować
jedna lub więcej właściwości CSS do ciała

47
00:02:42,420 --> 00:02:43,850
oznacz się?

48
00:02:43,850 --> 00:02:45,460
>> Aby to zrobić, zróbmy to.

49
00:02:45,460 --> 00:02:47,650
Wróćmy do gedit tutaj.

50
00:02:47,650 --> 00:02:52,460
Załóżmy, przewijania do znacznika stylu,
i niech tak określić selektor

51
00:02:52,460 --> 00:02:54,520
za pomocą tego znacznika nazwisko, ciało.

52
00:02:54,520 --> 00:03:00,580
Poniżej, postawmy nasze nawiasy klamrowe
następnie centrum text-align.

53
00:03:00,580 --> 00:03:05,580
Załóżmy teraz zapisać stronę i załaduj
to wewnątrz tej przeglądarki.

54
00:03:05,580 --> 00:03:08,090
Odśwież w Chrome, i voila.

55
00:03:08,090 --> 00:03:11,000
Mamy teraz stronę Johna Harvarda
centered jak zamierzaliśmy.

56
00:03:11,000 --> 00:03:12,619