1
00:00:00,000 --> 00:00:00,260

2
00:00:00,260 --> 00:00:01,900
>> DAVID MALAN: Tak mi co
moja wyszukiwarka.

3
00:00:01,900 --> 00:00:04,100
I w tej chwili, to wygląda tak.

4
00:00:04,100 --> 00:00:05,265
Mam tu na tytuł strony.

5
00:00:05,265 --> 00:00:06,580
To CS50 Szukaj.

6
00:00:06,580 --> 00:00:10,380
Mam formularza HTML, wewnątrz której
Wydaje się, że wejście, którego typ jest

7
00:00:10,380 --> 00:00:13,650
tekst i inne wejście
którego typ jest przedłożyć.

8
00:00:13,650 --> 00:00:17,180
>> Jeśli teraz spojrzeć na źródła na
ta strona, zauważyć, że, rzeczywiście, mamy

9
00:00:17,180 --> 00:00:20,260
mają h1 i tagu tytułu, że
transportu, że są

10
00:00:20,260 --> 00:00:22,020
jest rzeczywiście CS50 Szukaj.

11
00:00:22,020 --> 00:00:25,940
Mamy tag formularza jest określającą
że formularz powinien zostać przesłany do

12
00:00:25,940 --> 00:00:27,140
Nasi przyjaciele z Google.

13
00:00:27,140 --> 00:00:30,430
A w środku tej postaci, mamy
te dwa typy wejść.

14
00:00:30,430 --> 00:00:33,770
>> Ale zauważ, teraz ku górze
Strona, wewnątrz głowy widoku, w

15
00:00:33,770 --> 00:00:36,750
Tag jest styl, w środku
Obiekt, który jest w CSS

16
00:00:36,750 --> 00:00:38,570
ciało strony.

17
00:00:38,570 --> 00:00:41,580
Co jeśli jednak chcemy
aby cały tekst wyrównany

18
00:00:41,580 --> 00:00:43,050
na wielu stronach?

19
00:00:43,050 --> 00:00:46,640
Innymi słowy, chciałem ponownie użyć tego
Właściwość CSS znowu i znowu i znowu

20
00:00:46,640 --> 00:00:50,030
w różnych stronach internetowych, wszystkie
z których mają tag ciała?

21
00:00:50,030 --> 00:00:53,660
Cóż mogę na pewno skopiować i wkleić
CSS do każdej z tych stron, ale

22
00:00:53,660 --> 00:00:57,730
byłoby lepiej, aby czynnik ten projekt
się do jakiegoś pliku, a następnie centralnego

23
00:00:57,730 --> 00:01:01,100
jakoś włączyć ten plik we wszystkich
te strony tak, że jeśli kiedykolwiek chcesz

24
00:01:01,100 --> 00:01:04,840
wprowadzić zmiany i dostosowania na mój tekst
lewo lub wyrównać mój tekst po prawej stronie, ja

25
00:01:04,840 --> 00:01:07,220
może to zrobić o wiele łatwiej.

26
00:01:07,220 --> 00:01:08,860
Spróbujmy to zrobić.

27
00:01:08,860 --> 00:01:12,520
>> Po pierwsze, pozwala wyciąć ten
tag styl całkowicie.

28
00:01:12,520 --> 00:01:16,820
A teraz otwórz plik o nazwie,
powiedzmy, wyszukiwanie-3.css i umieścić, że

29
00:01:16,820 --> 00:01:18,970
sam w tym pliku CSS.

30
00:01:18,970 --> 00:01:23,500
ciało będzie mieć
text-align: center;.

31
00:01:23,500 --> 00:01:24,760
Załóżmy, zapisz plik.

32
00:01:24,760 --> 00:01:30,950
>> Załóżmy teraz wrócić do wyszukiwania-3.html i,
w głowie, dodaj tag łącza

33
00:01:30,950 --> 00:01:33,630
określenia hiper-odwołanie
z szukaj-3.css.

34
00:01:33,630 --> 00:01:38,650
CSS i niech określić, że relacja
że ten plik z

35
00:01:38,650 --> 00:01:41,880
Strona ma służyć jako jego arkuszu stylów.

36
00:01:41,880 --> 00:01:44,840
Niech teraz zamknąć ten tag, zapisać
plik i załaduj

37
00:01:44,840 --> 00:01:46,910
Ta strona w przeglądarce.

38
00:01:46,910 --> 00:01:49,700
>> To wyrównywana tekst na
lewo chociaż CSS

39
00:01:49,700 --> 00:01:50,905
Obiekt nie został jeszcze zastosowany.

40
00:01:50,905 --> 00:01:53,020
Teraz, dlaczego może to być?

41
00:01:53,020 --> 00:01:54,590
Rzućmy okiem na
- uprawnienia do plików w

42
00:01:54,590 --> 00:01:58,630
nie uprawnienia w pliku HTML,
ale uprawnienia pliku CSS jest.

43
00:01:58,630 --> 00:02:02,740
>> Tu w gedit, idziemy w dół do
okno terminala i wpisz ls-l

44
00:02:02,740 --> 00:02:04,720
search-3.css.

45
00:02:04,720 --> 00:02:09,810
Ach, rzeczywiście, mimo że plik jest
Właściciel może czytać i pisać do tego pliku,

46
00:02:09,810 --> 00:02:11,110
nikt inny nie może go odczytać.

47
00:02:11,110 --> 00:02:17,570
Ale możemy to naprawić z chmod a + r
search-3.css, a teraz niech ponownie wykonać

48
00:02:17,570 --> 00:02:20,970
ls-l wyszukiwanie-3.css--

49
00:02:20,970 --> 00:02:21,910
i znacznie lepiej.

50
00:02:21,910 --> 00:02:24,380
Teraz cały świat może
Przeczytaj ten plik.

51
00:02:24,380 --> 00:02:26,950
>> Wróćmy do przeglądarki, przeładować.

52
00:02:26,950 --> 00:02:29,220
Voila, wracamy do centered
wyszukiwarka.

53
00:02:29,220 --> 00:02:32,450
Oczywiście, to jest, gdy zaczęliśmy
historia, z nasz tekst już na środku.

54
00:02:32,450 --> 00:02:36,000
Ale to, co jest teraz jest lepiej, że projekt
my się, że uwzględnione w CSS

55
00:02:36,000 --> 00:02:39,690
centralny plik, gdzieś, że możemy wtedy
m.in. na innych stronach internetowych,

56
00:02:39,690 --> 00:02:41,580
może nam się zdarzyć, aby w przyszłości.

57
00:02:41,580 --> 00:02:45,430
Więc jeśli kiedykolwiek chcesz wyśrodkowanie lub
restylize ogólnie nasze strony, mamy

58
00:02:45,430 --> 00:02:48,570
Można to zrobić w bardzo prosty sposób w
jednego centralnego miejsca.

59
00:02:48,570 --> 00:02:50,902