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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Deci, nu e de fapt cel mai bun
design pentru a amesteca cu CSS HTML.

3
00:00:04,840 --> 00:00:08,700
Mai degrabă, cel mai bine este să factor de dvs.
CSS, pune-l undeva centrale, și

4
00:00:08,700 --> 00:00:11,430
într-un fel se aplica la
tag-uri în pagina ta web.

5
00:00:11,430 --> 00:00:15,290
Pentru a realiza acest lucru, ne putem opri de fapt,
folosind atributul stil și în schimb

6
00:00:15,290 --> 00:00:19,290
utilizați un tag Style, care aparține în
cap de o pagină web alături, pentru

7
00:00:19,290 --> 00:00:20,700
exemplu, titlul.

8
00:00:20,700 --> 00:00:24,400
>> Să-i dăm această un try și re-punerea în aplicare a
o pagina de start pentru John Harvard

9
00:00:24,400 --> 00:00:26,410
folosind tag-ul Style.

10
00:00:26,410 --> 00:00:28,930
Am primit deja ne-a început
aici cu trei divs pentru

11
00:00:28,930 --> 00:00:30,260
Pagina John Harvard.

12
00:00:30,260 --> 00:00:33,990
Dar hai să mergem mai întâi în prezent până la această primă
div și a adăuga un nou atribut,

13
00:00:33,990 --> 00:00:38,680
și anume ID-ul, și să precizeze că un unic
identificator pentru acest div special

14
00:00:38,680 --> 00:00:42,390
trebuie să fie, de exemplu, citez,
"Top", un nume arbitrar, dar

15
00:00:42,390 --> 00:00:45,840
descriptiv în care acest div este
într-adevăr, în partea de sus a paginii mele.

16
00:00:45,840 --> 00:00:48,920
>> Pentru div viitor, hai sa o dau
diferit de ID-ul, citez,

17
00:00:48,920 --> 00:00:54,080
"Mijloc", și să-i dăm de-a treia div
un ID de, citez, "de jos". Noi

18
00:00:54,080 --> 00:00:57,740
au acum trei identificator unic
la care se poate aplica unele CSS

19
00:00:57,740 --> 00:01:01,210
proprietăți, dar în primul rând, haideți să retur
la capul acestei pagini.

20
00:01:01,210 --> 00:01:04,760
Chiar deasupra titlului de aici, voi
mergeți mai departe și să definească stilul

21
00:01:04,760 --> 00:01:07,120
și apoi stil aproape.

22
00:01:07,120 --> 00:01:10,340
>> În interiorul acestui acum, am de gând să se definească
unele proprietăți CSS, și anume

23
00:01:10,340 --> 00:01:14,550
aceleași cu cele pe care le aveam anterior în stil
atribute, dar aici vor fi

24
00:01:14,550 --> 00:01:16,320
definite la nivel central.

25
00:01:16,320 --> 00:01:20,880
Pentru a face acest lucru, am de gând pentru a specifica lira
simbol urmat de top, astfel

26
00:01:20,880 --> 00:01:24,710
precizând că în urma CSS
proprietăți ar trebui să se aplice indiferent de

27
00:01:24,710 --> 00:01:28,800
Element HTML are unic
identificator de top.

28
00:01:28,800 --> 00:01:32,240
Am apoi va avea unele deschise și
acolade închise, și am de gând să

29
00:01:32,240 --> 00:01:39,170
specifica, de exemplu, dimensiunea fontului este de 36
pixeli, greutate font trebuie să fie îndrăzneț.

30
00:01:39,170 --> 00:01:41,810
>> Pentru a păstra lucrurile curat, pun fiecare
dintre aceste proprietăți acum pe cont propriu

31
00:01:41,810 --> 00:01:44,610
linie, dar asta e doar o
convenție stilistică.

32
00:01:44,610 --> 00:01:47,830
Sub acest, hai acum defini un alt
selector, ca să spunem așa.

33
00:01:47,830 --> 00:01:52,680
Aceasta pentru tag HTML care are
identificator unic de mijloc.

34
00:01:52,680 --> 00:01:57,540
Și aici, să specificați o dimensiune de font
de 24 de pixeli, sub acest alt

35
00:01:57,540 --> 00:02:01,520
selector pentru partea de jos, și în interior
de care, să specificați un

36
00:02:01,520 --> 00:02:03,850
dimensiunea de 12 pixeli.

37
00:02:03,850 --> 00:02:09,350
>> Să acum salva, modifica permisiunile
pe, și încărcați această pagină într-un browser,

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

39
00:02:14,230 --> 00:02:22,260
Să deschidem Chrome și vizita
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Nu-i rău.

41
00:02:22,960 --> 00:02:26,930
Exact așa cum am vrut, dar mi-ar plăcea să
ia lucrurile un pas mai departe acum și

42
00:02:26,930 --> 00:02:29,050
text de centru John Harvard.

43
00:02:29,050 --> 00:02:32,080
Acum, pentru a face acest lucru, am putut înfășurați
pagină întreagă într-un div așa cum am

44
00:02:32,080 --> 00:02:33,800
a făcut un exemplu mai devreme.

45
00:02:33,800 --> 00:02:37,820
Sau pot fi mai inteligent și să realizeze că
toate aceste divs se află în interiorul

46
00:02:37,820 --> 00:02:42,420
trupul pagina mea, asa ca de ce nu se aplică doar
una sau mai multe proprietăți CSS pentru organism

47
00:02:42,420 --> 00:02:43,850
tag-ul în sine?

48
00:02:43,850 --> 00:02:45,460
>> Pentru a face acest lucru, hai să facem asta.

49
00:02:45,460 --> 00:02:47,650
Să ne întoarcem la gedit aici.

50
00:02:47,650 --> 00:02:52,460
Să derulați înapoi până la tag-ul Style,
și să specificați un selector doar

51
00:02:52,460 --> 00:02:54,520
folosind nume care tag-ul lui, Body.

52
00:02:54,520 --> 00:03:00,580
De mai jos că, hai să punem bretele noastre buclat
urmat de centrul de text-align.

53
00:03:00,580 --> 00:03:05,580
Să salvăm acum pagina și reîncărcați
se în interiorul că browser-ul.

54
00:03:05,580 --> 00:03:08,090
Reîncărca în Chrome, și voila.

55
00:03:08,090 --> 00:03:11,000
Avem acum de start, John Harvard
centrat așa cum ne-am propus.

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