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

2
00:00:00,300 --> 00:00:04,840
>> SPEAKER: Allura huwa attwalment mhux l-aħjar
disinn intermingle CSS ma HTML.

3
00:00:04,840 --> 00:00:08,700
Pjuttost, huwa aħjar għall-fattur out tiegħek
CSS, poġġih ċentrali x'imkien, u

4
00:00:08,700 --> 00:00:11,430
b'xi mod japplikaw lill-
tags fil-paġna web tiegħek.

5
00:00:11,430 --> 00:00:15,290
Biex jinkiseb dan, nistgħu attwalment stop
jużaw l-attribut Style u minflok

6
00:00:15,290 --> 00:00:19,290
jużaw tikketta Style, li tappartjeni għad-
kap ta 'paġna web flimkien, għall-

7
00:00:19,290 --> 00:00:20,700
eżempju, titolu tiegħek.

8
00:00:20,700 --> 00:00:24,400
>> Ejja tagħti dan jipprova u jimplimenta mill-ġdid
home page għal John Harvard

9
00:00:24,400 --> 00:00:26,410
bl-użu tag Style.

10
00:00:26,410 --> 00:00:28,930
Stajt diġà gotten us beda
hawn bi tliet divs għal

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

12
00:00:30,260 --> 00:00:33,990
Imma ejja issa ewwel jitla 'għal din l-ewwel
div u żid attribut ġdida,

13
00:00:33,990 --> 00:00:38,680
jiġifieri ID, u jispeċifikaw li uniku
identifikatur għal dan div partikolari

14
00:00:38,680 --> 00:00:42,390
għandu jkun, per eżempju, kwotazzjoni unquote
"Top," isem arbitrarja, iżda

15
00:00:42,390 --> 00:00:45,840
deskrittiv li dan div hija
tabilħaqq fil-quċċata tal-paġna tiegħi.

16
00:00:45,840 --> 00:00:48,920
>> Għall-div jmiss, ejja tagħtiha a
ID differenti ta 'unquote quote

17
00:00:48,920 --> 00:00:54,080
"Nofs," u ejja tagħti t-tielet div
ID ta 'kwotazzjoni unquote "minn isfel." We

18
00:00:54,080 --> 00:00:57,740
issa għandhom tliet identifikatur uniku
li nistgħu japplikaw xi CSS

19
00:00:57,740 --> 00:01:01,210
proprjetajiet, imma l-ewwel, ejja ritorn
lill-kap ta 'din il-paġna.

20
00:01:01,210 --> 00:01:04,760
Eżatt fuq it-titolu hawn, I ser
imorru quddiem u jiddefinixxu l-istil

21
00:01:04,760 --> 00:01:07,120
u mbagħad stil qrib.

22
00:01:07,120 --> 00:01:10,340
>> Ġewwa ta 'dan issa, jien ser jiddefinixxu
xi proprjetajiet CSS, jiġifieri l-

23
00:01:10,340 --> 00:01:14,550
istess dawk I qabel kellhom fl Style
attributi, iżda hawnhekk dawn ser ikunu

24
00:01:14,550 --> 00:01:16,320
ċentralment definit.

25
00:01:16,320 --> 00:01:20,880
Biex tagħmel dan, jien ser jispeċifikaw il-lira
simbolu segwit minn fuq, u b'hekk

26
00:01:20,880 --> 00:01:24,710
tispeċifika li l-CSS wara
proprjetajiet għandhom japplikaw għal kwalunkwe

27
00:01:24,710 --> 00:01:28,800
Element HTML għandha l-unika
identifikatur ta 'top.

28
00:01:28,800 --> 00:01:32,240
Jien imbagħad ser ikollhom xi miftuħ u
braces kaboċċi magħluqa, u jien ser

29
00:01:32,240 --> 00:01:39,170
tispeċifika, ngħidu aħna, id-daqs tat-tipa għandu jkun 36
pixels, piż font għandhom jkunu kuraġġużi.

30
00:01:39,170 --> 00:01:41,810
>> Li żżomm affarijiet nodfa, jien tqegħid kull
ta 'dawn il-proprjetajiet issa waħdu

31
00:01:41,810 --> 00:01:44,610
linja, iżda li jinsab biss
konvenzjoni stilistiċi.

32
00:01:44,610 --> 00:01:47,830
Taħt dan, ejja issa jiddefinixxi ieħor
selettur, biex ngħidu hekk.

33
00:01:47,830 --> 00:01:52,680
Dan wieħed għall-tag HTML li għandha
identifikatur uniku tal nofs.

34
00:01:52,680 --> 00:01:57,540
U fil hawn, ejja tispeċifika daqs tat-tipa
ta '24 pixels, taħt dak ieħor

35
00:01:57,540 --> 00:02:01,520
selettur għall-qiegħ, u ġewwa
minn dan, ejja tispeċifika

36
00:02:01,520 --> 00:02:03,850
daqs tat-tipa ta '12 pixels.

37
00:02:03,850 --> 00:02:09,350
>> Ejja issa ħlief, jibdlu l-permessi
fuq, u t-tagħbija din il-paġna fil-browser,

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

39
00:02:14,230 --> 00:02:22,260
Ejja jiftħu Chrome u żjara
http://localhost/css-1.html.

40
00:02:22,260 --> 00:02:22,960
Mhux ħażin.

41
00:02:22,960 --> 00:02:26,930
Eżattament kif I maħsuba, iżda nixtieq li
jieħdu l-affarijiet pass ulterjuri issa u

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

43
00:02:29,050 --> 00:02:32,080
Issa biex tagħmel dan, I tista wrap-
paġna kollha fil div bħala I

44
00:02:32,080 --> 00:02:33,800
għamlet eżempju ta 'qabel.

45
00:02:33,800 --> 00:02:37,820
Jew I tista 'tkun aktar għaqlija u tirrealizza li
kollha ta 'dawn divs huma ġewwa ta'

46
00:02:37,820 --> 00:02:42,420
korp paġna tiegħi, hekk għaliex ma tapplikax biss
wieħed jew aktar proprjetajiet CSS lill-korp

47
00:02:42,420 --> 00:02:43,850
tag innifsu?

48
00:02:43,850 --> 00:02:45,460
>> Biex tagħmel dan, ejja tagħmel dan.

49
00:02:45,460 --> 00:02:47,650
Ejja ħa mmorru lura għall gedit hawn.

50
00:02:47,650 --> 00:02:52,460
Ejja iscroll lura sa l-tikketta Style,
u ejja tispeċifika selettur biss

51
00:02:52,460 --> 00:02:54,520
tuża l-isem, Korp li tag ta.

52
00:02:54,520 --> 00:03:00,580
Taħt dak, ejja tpoġġi ċineg kaboċċi tagħna
segwit minn ċentru test tallinja.

53
00:03:00,580 --> 00:03:05,580
Ejja issa jiffrankaw il-paġna u rikarigu
ġewwa ta 'dak browser.

54
00:03:05,580 --> 00:03:08,090
Reload fil Chrome, u voila.

55
00:03:08,090 --> 00:03:11,000
Issa għandna page John Harvard
ċċentrata kif aħna maħsub.

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