1 00:00:00,000 --> 00:00:00,640 2 00:00:00,640 --> 00:00:03,430 >> SPEAKER 1: Quindi è sicuramente meglio progettare per mettere le proprietà CSS 3 00:00:03,430 --> 00:00:07,170 all'interno di un tag di stile, all'interno del tag head della pagina, piuttosto che l'uso 4 00:00:07,170 --> 00:00:10,380 attributi di stile in tutto il resto della sorgente. 5 00:00:10,380 --> 00:00:12,430 Ma supponiamo che si desidera utilizzare alcuni degli stessi CSS 6 00:00:12,430 --> 00:00:14,270 proprietà in più file. 7 00:00:14,270 --> 00:00:17,810 >> Invece di copiare e incollare quelli proprietà in quelle disparate HTML 8 00:00:17,810 --> 00:00:22,860 file, perché non li mettere in quella centrale . File css e quindi includere il file 9 00:00:22,860 --> 00:00:27,460 in più pagine HTML, proprio come noi inserire il codice in file di intestazione, al fine di 10 00:00:27,460 --> 00:00:31,390 includerlo in più programmi in C. Diamo uno sguardo. 11 00:00:31,390 --> 00:00:33,700 >> Qui in css-2.html. 12 00:00:33,700 --> 00:00:37,450 Ho un sacco di proprietà CSS che mi piacerebbe fattore fuori. 13 00:00:37,450 --> 00:00:39,920 Quindi cerchiamo di andare avanti e di evidenziare quelle. 14 00:00:39,920 --> 00:00:41,080 Tagliarli fuori. 15 00:00:41,080 --> 00:00:43,900 E cerchiamo di sbarazzarsi del tag e di stile. 16 00:00:43,900 --> 00:00:48,590 Passiamo ora a questa altra scheda che Ho già chiamato css-2.css, e 17 00:00:48,590 --> 00:00:51,870 incollare queste proprietà CSS, salvare il file. 18 00:00:51,870 --> 00:00:57,110 >> Vediamo ora torniamo al css-2.html e specificare, ancora sulla testa, che 19 00:00:57,110 --> 00:00:59,870 desidera collegare il file CSS in qualche modo. 20 00:00:59,870 --> 00:01:01,860 Apri link staffa href = "css-2.css". 21 00:01:01,860 --> 00:01:06,280 22 00:01:06,280 --> 00:01:10,280 >> E poi cerchiamo di specificare che l' rapporto di questo tag legame con la 23 00:01:10,280 --> 00:01:14,060 documento è di servire come un foglio di stile. 24 00:01:14,060 --> 00:01:17,420 Link è ciò che è noto come un elemento vuoto in modo da poter aprire e chiudere il 25 00:01:17,420 --> 00:01:19,870 taggare in un solo respiro. 26 00:01:19,870 --> 00:01:25,890 Passiamo ora salvare il file, cambiare è autorizzazioni e aprirlo in un browser. 27 00:01:25,890 --> 00:01:30,150 >> chmod a r css-2.html +. 28 00:01:30,150 --> 00:01:31,330 Invio. 29 00:01:31,330 --> 00:01:33,200 Ora aprite Chrome. 30 00:01:33,200 --> 00:01:41,240 http://localhost/css-2.html. 31 00:01:41,240 --> 00:01:43,490 >> Io vedo la casa di John Harvard pagina ma non una delle caratteristiche 32 00:01:43,490 --> 00:01:45,560 stilizzazioni che mi aspettavo. 33 00:01:45,560 --> 00:01:47,080 Ora, perché potrebbe essere? 34 00:01:47,080 --> 00:01:50,190 Bene, torniamo al terminale finestra e dare un'occhiata con ls. 35 00:01:50,190 --> 00:01:54,720 Torniamo qui per gedit e in il terminale tipo di finestra ls-l. 36 00:01:54,720 --> 00:02:00,170 >> Sembra essere che css-2.html è infatti leggibile da tutti, ma io avviso 37 00:02:00,170 --> 00:02:01,190 fatto un errore. 38 00:02:01,190 --> 00:02:04,450 Non ho modo simile a cambiare la autorizzazioni per il file css.. 39 00:02:04,450 --> 00:02:08,710 Così adesso, io, il proprietario del file, è l'unico che può leggere o scrivere. 40 00:02:08,710 --> 00:02:10,460 Quindi cerchiamo di rimediare anche con chmod. 41 00:02:10,460 --> 00:02:15,370 >> chmod a r css-2.css +. 42 00:02:15,370 --> 00:02:17,940 >> Vediamo ora torniamo a Chrome e reload. 43 00:02:17,940 --> 00:02:19,830 E c'è homepage di John Harvard. 44 00:02:19,830 --> 00:02:21,334