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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Tātad, tas tiešām nav labākais
dizains ir sajaukt CSS ar HTML.

3
00:00:04,840 --> 00:00:08,700
Drīzāk, tas ir labākais, lai faktors, kas savu
CSS, nodot to kaut kur centrālo un

4
00:00:08,700 --> 00:00:11,430
kaut kā piemērot to uz
tagus jūsu mājas lapā.

5
00:00:11,430 --> 00:00:15,290
Lai sasniegtu šo mērķi, mēs faktiski var apturēt
izmantojot stila atribūtu un tā vietā

6
00:00:15,290 --> 00:00:19,290
izmantot Style tagu, kas pieder
vadītājs, kas mājas lapā līdzās, lai

7
00:00:19,290 --> 00:00:20,700
Piemēram, jūsu virsraksts.

8
00:00:20,700 --> 00:00:24,400
>> Dosim to izmēģināt un atkārtoti ieviest
mājas lapa John Harvard

9
00:00:24,400 --> 00:00:26,410
izmantojot stilu tagu.

10
00:00:26,410 --> 00:00:28,930
Esmu jau gotten mums sākusies
šeit ar trīs divs par

11
00:00:28,930 --> 00:00:30,260
John Hārvardas Universitātes mājas lapā.

12
00:00:30,260 --> 00:00:33,990
Bet pieņemsim vispirms tagad iet līdz šī pirmā
div un pievienot jaunu atribūtu,

13
00:00:33,990 --> 00:00:38,680
proti ID, un norādot, ka unikālu
identifikators šajā konkrētajā div

14
00:00:38,680 --> 00:00:42,390
ir, piemēram, citējot likt pēdiņas beigās
"Top", patvaļīgu vārdu, bet

15
00:00:42,390 --> 00:00:45,840
aprakstošs, ka tas div ir
patiešām augšpusē manu lapu.

16
00:00:45,840 --> 00:00:48,920
>> Attiecībā uz nākamo div, pieņemsim arī tā
dažādi ID citējot likt pēdiņas beigās

17
00:00:48,920 --> 00:00:54,080
"Vidējā", un dosim trešo div
ID citējot likt pēdiņas beigās "no apakšas". Mēs

18
00:00:54,080 --> 00:00:57,740
Tagad ir trīs unikāls identifikators
uz ko mēs varam piemērot dažus CSS

19
00:00:57,740 --> 00:01:01,210
īpašības, bet vispirms, pieņemsim atgriešanās
uz galvas šajā lapā.

20
00:01:01,210 --> 00:01:04,760
Tieši virs nosaukumu šeit, es ņemšu
iet uz priekšu un noteikt stilu

21
00:01:04,760 --> 00:01:07,120
un pēc tam aizveriet stilu.

22
00:01:07,120 --> 00:01:10,340
>> Iekšpusē to tagad, es esmu gatavojas, lai definētu
dažus CSS īpašības, proti,

23
00:01:10,340 --> 00:01:14,550
pašai es iepriekš bija Style
atribūti, bet šeit tie būs

24
00:01:14,550 --> 00:01:16,320
centralizēti noteikts.

25
00:01:16,320 --> 00:01:20,880
Lai to izdarītu, es esmu gatavojas noteikt mārciņu
simbols, aiz kura augšpusē, tādējādi

26
00:01:20,880 --> 00:01:24,710
precizējot, ka šādi CSS
īpašības, būtu jāpiemēro neatkarīgi

27
00:01:24,710 --> 00:01:28,800
HTML elementam ir unikāla
identifikators augšas.

28
00:01:28,800 --> 00:01:32,240
Es tad nāksies dažas atvērtas un
slēgtas cirtaini bikšturi, un es esmu gatavojas

29
00:01:32,240 --> 00:01:39,170
norādīt, teiksim, fonta izmērs ir 36
pikseļi, fonts svars ir treknrakstā.

30
00:01:39,170 --> 00:01:41,810
>> Lai saglabātu lietas tīru, es esmu liekot katram
Šo īpašību tagad pati

31
00:01:41,810 --> 00:01:44,610
līnija, bet tas ir tikai
stilistiskā konvencija.

32
00:01:44,610 --> 00:01:47,830
Zem šī, pieņemsim tagad noteikt citu
selektoru, lai runāt.

33
00:01:47,830 --> 00:01:52,680
Tas viens HTML tagu, kas ir
unikālais identifikators vidū.

34
00:01:52,680 --> 00:01:57,540
Un šeit, pieņemsim norādīt fonta izmēru
24 pikseļi, zem ka cita

35
00:01:57,540 --> 00:02:01,520
selektors apakšu, un iekšpusē
no tā, pieņemsim precizēt

36
00:02:01,520 --> 00:02:03,850
fonta izmērs 12 pikseļi.

37
00:02:03,850 --> 00:02:09,350
>> Pieņemsim tagad saglabāt, mainīt atļaujas
gada, un ielādēt šo lapu pārlūkprogrammā,

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

39
00:02:14,230 --> 00:02:22,260
Pieņemsim atvērt Chrome un apmeklēt
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Nav slikti.

41
00:02:22,960 --> 00:02:26,930
Tieši tā, kā es paredzēts, bet es gribētu
veikt lietas vienu soli tālāk tagad

42
00:02:26,930 --> 00:02:29,050
centriski John Hārvardas Universitātes tekstu.

43
00:02:29,050 --> 00:02:32,080
Tagad to darīt, es varētu wrap
Visa lapa div kā es

44
00:02:32,080 --> 00:02:33,800
bija agrāku piemēru.

45
00:02:33,800 --> 00:02:37,820
Vai man var būt gudrs, un saprast, ka
visas šīs divs ir iekšpusē

46
00:02:37,820 --> 00:02:42,420
Mana lapa ķermenis, tad kāpēc ne tikai uz
viens vai vairāki CSS īpašības attiecībā uz ķermeņa

47
00:02:42,420 --> 00:02:43,850
tagu sevi?

48
00:02:43,850 --> 00:02:45,460
>> Lai to izdarītu, pieņemsim to izdarītu.

49
00:02:45,460 --> 00:02:47,650
Iesim atpakaļ uz gedit šeit.

50
00:02:47,650 --> 00:02:52,460
Pieņemsim ritināt atpakaļ līdz Style tagu,
un pieņemsim norādīt selektoru tikai

51
00:02:52,460 --> 00:02:54,520
Izmantojot šo tagu vārdu, Body.

52
00:02:54,520 --> 00:03:00,580
Turpmāk tas, pieņemsim nodot mūsu cirtaini bikšturi
seko teksta centrēšanas centrā.

53
00:03:00,580 --> 00:03:05,580
Pieņemsim tagad saglabātu lapu un pārlādēt
tā iekšpusē šo pārlūku.

54
00:03:05,580 --> 00:03:08,090
Papildināšanas Chrome, un voila.

55
00:03:08,090 --> 00:03:11,000
Mums tagad ir John Harvard lapa
centrā, kā mēs paredzēts.

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