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

2
00:00:00,300 --> 00:00:04,840
>> Tagapagsalita: Kaya ito ay talagang hindi ang pinakamahusay na
idisenyo upang makihalubilo CSS sa HTML.

3
00:00:04,840 --> 00:00:08,700
Sa halip, ito ay pinakamahusay upang magfa-factor out ang iyong
CSS, ilagay ito sa isang lugar sa central, at

4
00:00:08,700 --> 00:00:11,430
sa paanuman ilapat ito sa mga
mga tag sa iyong web page.

5
00:00:11,430 --> 00:00:15,290
Upang makamit ito, maaari talaga naming ihinto
gamit ang mga katangian ng Estilo at sa halip ay

6
00:00:15,290 --> 00:00:19,290
gumamit ng isang tag Estilo, na nabibilang sa
pinuno ng isang web pahina sa tabi, para

7
00:00:19,290 --> 00:00:20,700
Halimbawa, ang iyong pamagat.

8
00:00:20,700 --> 00:00:24,400
>> Sabihin bigyan ito ng isang try at muling ipatupad
isang home page para sa John Harvard

9
00:00:24,400 --> 00:00:26,410
gamit ang mga tag ng estilo.

10
00:00:26,410 --> 00:00:28,930
Na-nakuha ko sa amin makapagsimula
dito sa tatlong divs para sa

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

12
00:00:30,260 --> 00:00:33,990
Ngunit sabihin muna pumunta ngayon hanggang sa unang ito
div at magdagdag ng isang bagong katangian,

13
00:00:33,990 --> 00:00:38,680
lalo ID, at tukuyin na ang isang natatanging
identifier para sa partikular na div

14
00:00:38,680 --> 00:00:42,390
ay magiging, halimbawa, quote magpanipi
"Top," isang arbitrary na pangalan, ngunit

15
00:00:42,390 --> 00:00:45,840
mapaglarawang in na ito div ay
sa katunayan sa tuktok ng aking pahina.

16
00:00:45,840 --> 00:00:48,920
>> Para sa susunod na div, magbigay ng isang ito ipaalam
iba't-ibang mga ID ng quote magpanipi

17
00:00:48,920 --> 00:00:54,080
"Gitna," at bigyan ng mga third div ipaalam
isang ID ng quote magpanipi "ilalim." Kami

18
00:00:54,080 --> 00:00:57,740
ngayon ay may tatlong natatanging identifier
upang kung saan maaari naming ilapat ang ilang mga CSS

19
00:00:57,740 --> 00:01:01,210
ari-arian, ngunit una, ni return ipaalam
patungo sa ulo ng pahinang ito.

20
00:01:01,210 --> 00:01:04,760
Sa itaas lang ang pamagat dito, idedetalye ko
sige at tukuyin ang estilo

21
00:01:04,760 --> 00:01:07,120
at pagkatapos ay i-istilong malapit.

22
00:01:07,120 --> 00:01:10,340
>> Sa loob ng ito ngayon, Pupunta ako upang tukuyin
ilang CSS ari-arian, lalo ang

23
00:01:10,340 --> 00:01:14,550
kapareho Nagkaroon na ako dati sa Estilo
mga katangian, ngunit dito ang mga ito ay maging

24
00:01:14,550 --> 00:01:16,320
sentral na tinukoy.

25
00:01:16,320 --> 00:01:20,880
Upang gawin ito, ako pagpunta upang tukuyin ang pound
simbolo na sinusundan ng tuktok, at sa gayon

26
00:01:20,880 --> 00:01:24,710
pagtukoy na ang mga sumusunod na CSS
mga katangian ay dapat ilapat sa anumang

27
00:01:24,710 --> 00:01:28,800
Elemento ng HTML ay may natatanging
identifier ng tuktok.

28
00:01:28,800 --> 00:01:32,240
Pagkatapos Pupunta ako sa mayroon ng ilang mga open at
closed kulot tirante, at pupuntahan ko

29
00:01:32,240 --> 00:01:39,170
tukuyin, sabihin nating, laki ng font ay magiging 36
mga pixel, bigat ng font ay magiging bold.

30
00:01:39,170 --> 00:01:41,810
>> Upang mapanatiling malinis ang mga bagay, ako paglalagay ng bawat
ng mga pag-aari na ngayon sa sarili nitong

31
00:01:41,810 --> 00:01:44,610
linya, ngunit ito lamang ay isang
pangkakanyahan convention.

32
00:01:44,610 --> 00:01:47,830
Sa ibaba ito, sabihin ngayon tukuyin ang isa pang
selector, kaya na magsalita.

33
00:01:47,830 --> 00:01:52,680
Ito isa para sa HTML na tag na may
natatanging identifier ng gitna.

34
00:01:52,680 --> 00:01:57,540
At in dito, sabihin tukuyin ang isang laki ng font
ng 24 pixel, sa ibaba na isa pang

35
00:01:57,540 --> 00:02:01,520
tagapili para sa ibaba, at loob
ng na, sabihin tukuyin ang isang

36
00:02:01,520 --> 00:02:03,850
laki ng font ng 12 pixels.

37
00:02:03,850 --> 00:02:09,350
>> Sabihin ngayong i-save, baguhin ang mga pahintulot
sa, at i-load ang pahinang ito sa isang browser,

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

39
00:02:14,230 --> 00:02:22,260
Ni buksan up ang Chrome at bumisita sa Hayaan
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Hindi masama.

41
00:02:22,960 --> 00:02:26,930
Mismong tulad ng nilayon ko, ngunit nais kong
tumagal ng mga bagay ng isang hakbang karagdagang ngayon at

42
00:02:26,930 --> 00:02:29,050
teksto center John Harvard ni.

43
00:02:29,050 --> 00:02:32,080
Ngayon na gawin ito, kaya kong balutin ang
buong pahina sa isang div bilang ako

44
00:02:32,080 --> 00:02:33,800
May ginawang isang mas maagang halimbawa.

45
00:02:33,800 --> 00:02:37,820
O maaari ba akong maging mas matalino at mapagtanto na
lahat ng mga divs ay sa loob ng

46
00:02:37,820 --> 00:02:42,420
body ng aking pahina, kaya bakit hindi lang mag-apply
isa o higit pang mga katangian ng CSS sa katawan

47
00:02:42,420 --> 00:02:43,850
tag ang sarili nito?

48
00:02:43,850 --> 00:02:45,460
>> Upang gawin ito, ni gawin ito ipaalam.

49
00:02:45,460 --> 00:02:47,650
Sabihin bumalik sa gedit dito.

50
00:02:47,650 --> 00:02:52,460
Ni mag-scroll back up sa tag Estilo Hayaan,
at hayaan tumukoy ng isang tagapili lamang

51
00:02:52,460 --> 00:02:54,520
gamit ang pangalan na tag ni, Katawan.

52
00:02:54,520 --> 00:03:00,580
Nasa ibaba na, ilagay ang aming mga kulot tirante ipaalam
sinundan ng-Ihanay teksto center.

53
00:03:00,580 --> 00:03:05,580
Hayaan ngayong i-save ang mga pahina at i-reload
ito sa loob ng browser na iyon.

54
00:03:05,580 --> 00:03:08,090
I-reload sa Chrome, at voila.

55
00:03:08,090 --> 00:03:11,000
Ay mayroon na ngayong namin pahina John Harvard ni
nakasentro tulad ng nilayon namin.

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