1 00:00:00,000 --> 00:00:00,260 2 00:00:00,260 --> 00:00:01,900 >> DAVID Malan: Tako sem bil kar moja iskalnik. 3 00:00:01,900 --> 00:00:04,100 In v tem trenutku, je videti takole. 4 00:00:04,100 --> 00:00:05,265 Tu imam naslov strani. 5 00:00:05,265 --> 00:00:06,580 Je CS50 Iskanje. 6 00:00:06,580 --> 00:00:10,380 Imam obliko HTML, znotraj katerega Zdi se, da vhod, katerega tipa je 7 00:00:10,380 --> 00:00:13,650 Besedilo in drugi vhod katerih tip je predložila. 8 00:00:13,650 --> 00:00:17,180 >> Če bomo zdaj pogled na viru za Ta stran, opazili, da, res, smo 9 00:00:17,180 --> 00:00:20,260 imajo H1 in naslov oznako, ki se transportna da ta 10 00:00:20,260 --> 00:00:22,020 je res CS50 Iskanje. 11 00:00:22,020 --> 00:00:25,940 Imamo Obrazec za oznako, ki je natančneje da je treba obliki oddal 12 00:00:25,940 --> 00:00:27,140 naši prijatelji na Google. 13 00:00:27,140 --> 00:00:30,430 In znotraj tega obrazca, imamo ti dve vhodni vrsti. 14 00:00:30,430 --> 00:00:33,770 >> Opazil zdaj proti vrhu stran, notranjost glavi strani je, 15 00:00:33,770 --> 00:00:36,750 tam je slog tag, znotraj ki je CSS lastnost 16 00:00:36,750 --> 00:00:38,570 telesu strani. 17 00:00:38,570 --> 00:00:41,580 Kaj pa, če, čeprav smo želeli bi vse besedilo poravnano 18 00:00:41,580 --> 00:00:43,050 na več straneh? 19 00:00:43,050 --> 00:00:46,640 Z drugimi besedami, sem želel ponovno uporabo te CSS lastnost znova in znova in znova 20 00:00:46,640 --> 00:00:50,030 na različnih spletnih straneh, vsi od katerih ima telo tag? 21 00:00:50,030 --> 00:00:53,660 No, jaz bi vsekakor kopiranje in lepljenje CSS v vsakem od teh strani, vendar 22 00:00:53,660 --> 00:00:57,730 da bi bilo bolje, oblikovanje faktorju to ven v nek centralni datoteko in nato 23 00:00:57,730 --> 00:01:01,100 nekako vključiti datoteko v vseh tiste strani, tako da če bom kdaj želeli 24 00:01:01,100 --> 00:01:04,840 narediti spremembo in uskladi svojo besedila na levo ali poravnati svoj tekst na desni strani, sem 25 00:01:04,840 --> 00:01:07,220 lahko storite, da je veliko lažje. 26 00:01:07,220 --> 00:01:08,860 Poskusimo to storiti. 27 00:01:08,860 --> 00:01:12,520 >> Najprej, kaj je izrezala to slog tag v celoti. 28 00:01:12,520 --> 00:01:16,820 In zdaj odprimo datoteko z imenom, recimo, iskanje-3.css in dal, da 29 00:01:16,820 --> 00:01:18,970 Enako CSS v tej datoteki. 30 00:01:18,970 --> 00:01:23,500 Telo se dogaja, da imajo text-align: center;. 31 00:01:23,500 --> 00:01:24,760 Rešimo to datoteko. 32 00:01:24,760 --> 00:01:30,950 >> Pojdimo zdaj iti nazaj na iskanje-3.html in v glavi spet dodali link tag 33 00:01:30,950 --> 00:01:33,630 navedbo hiper-sklic iskanja-3.css. 34 00:01:33,630 --> 00:01:38,650 CSS In kaj je navesti, da razmerje da ima ta datoteka z 35 00:01:38,650 --> 00:01:41,880 Stran je, da služi kot njegov slog stanja. 36 00:01:41,880 --> 00:01:44,840 Dajva zdaj zaprete to oznako, shranite datoteko in osveževanje 37 00:01:44,840 --> 00:01:46,910 Ta stran v brskalniku. 38 00:01:46,910 --> 00:01:49,700 >> To trasirani besedilo na levo, kot da CSS 39 00:01:49,700 --> 00:01:50,905 nepremičnina ni bila uporabljena tudi. 40 00:01:50,905 --> 00:01:53,020 Zdaj, zakaj bi to lahko bilo? 41 00:01:53,020 --> 00:01:54,590 Oglejmo si na Dovoljenja datoteke - 42 00:01:54,590 --> 00:01:58,630 ne dovoljenja datoteki HTML je, vendar dovoljenja CSS datoteke. 43 00:01:58,630 --> 00:02:02,740 >> Nazaj v gedit, gremo navzdol okno terminal in tip ls-l 44 00:02:02,740 --> 00:02:04,720 iskanje-3.css. 45 00:02:04,720 --> 00:02:09,810 Ah, seveda, čeprav sem, datoteka je lastnik, zna brati in pisati to datoteko, 46 00:02:09,810 --> 00:02:11,110 nihče drug ne more prebrati. 47 00:02:11,110 --> 00:02:17,570 Vendar pa lahko to popraviti z chmod a + r iskanje-3.css, zdaj pa gremo ponovno izvesti 48 00:02:17,570 --> 00:02:20,970 ls-l-search-3.css - 49 00:02:20,970 --> 00:02:21,910 in veliko bolje. 50 00:02:21,910 --> 00:02:24,380 Zdaj ves svet lahko preberite datoteko. 51 00:02:24,380 --> 00:02:26,950 >> Pojdimo nazaj v brskalniku, osvežite. 52 00:02:26,950 --> 00:02:29,220 Opa, smo nazaj na sredino iskalnik. 53 00:02:29,220 --> 00:02:32,450 Seveda, to je, če smo začeli Zgodba z našo besedilo že v sredini. 54 00:02:32,450 --> 00:02:36,000 Toda, kaj je boljše načrtovanje zdaj je, da smo jih vključiti, da v CSS 55 00:02:36,000 --> 00:02:39,690 centralno datoteko, nekam, da bomo lahko potem vključiti v druge spletne strani, ki 56 00:02:39,690 --> 00:02:41,580 smo se lahko zgodi, da bo tudi v prihodnje. 57 00:02:41,580 --> 00:02:45,430 Torej, če bomo kdaj želeli recenter ali restylize bolj na splošno naše strani smo 58 00:02:45,430 --> 00:02:48,570 lahko to storite zelo preprosto v eno osrednje mesto. 59 00:02:48,570 --> 00:02:50,902