DAVID MALAN: Så jag har gjort min egen sökmotor. Och just nu ser det ut så här. Jag har här titeln på sidan. Det är CS50 Sök. Jag har ett HTML-formulär inuti vilken verkar att vara en ingång vars typ är text och en annan ingång vars typ är in. 

Om vi ​​nu tar en titt på källan för denna sida, att märka det, ja, vi ha en h1 och en titel tagg som förmedlar att detta är verkligen CS50 sökning. Vi har en form-tagg som är att ange att formen bör lämnas till våra vänner på Google. Och inne i den formen, vi har dessa två ingångstyper. 

Men märker nu mot toppen av den sida, inne i sidans huvud, det finns en stil tagg, insida vilket är en CSS-egenskap för kroppen på sidan. Tänk om, även om vi ville göra all text i linje över flera sidor? Med andra ord, jag ville återanvända detta CSS-egenskapen igen och igen och igen på olika webbsidor, alla av dem har kropps tag? Jo jag kan säkert kopiera och klistra CSS i var och en av dessa sidor, men det skulle vara bättre design för att arbeta in denna ut i vissa central fil och sedan på något sätt inkludera filen i alla dessa sidor så att om jag någonsin vill göra en förändring och rikta min text på vänster eller justera min text till höger, jag kan göra det mycket lättare. Låt oss försöka göra det här. 

Först, låt oss klippa ut detta stil tag helt och hållet. Och nu ska vi öppna en fil som heter, säg, sök-3.css och sätta det Samma CSS i den här filen. kropp kommer att ha text-align: center;. Låt oss spara den filen. 

Låt oss nu gå tillbaka till sök-3.html och, i huvudet igen, lägga till en länk tagg ange en hyper referens av sök-3.css. CSS Och låt oss anger att relationen att denna fil har med sidan är att fungera som sin stilmall. Låt oss nu avsluta denna tagg, spara filen och omladdning den här sidan i webbläsaren. 

Det omgrupperade texten på kvar som om CSS Fastigheten var inte ens tillämpats. Nu varför skulle det vara? Låt oss ta en titt på den fil behörigheter - inte HTML-fil behörigheter, men CSS-fil behörigheter. 

Tillbaka här i gedit, vi går ner till terminalfönster och skriv ls-l Sök-3.css. Ah, ja, även om jag, filens ägare, kan läsa och skriva den här filen, ingen annan kan läsa den. Men vi kan fixa detta med chmod a + r sök-3.css, och nu ska vi åter köra ls-l search-3.css-- och mycket bättre. Nu hela världen kan läsa denna fil. 

Låt oss gå tillbaka till webbläsaren, ladda om. Voila, vi är tillbaka till en centrerad sökmotor. Naturligtvis, det är där vi började berättelse, med vår text redan centrerad. Men vad är bättre design nu är att vi räknade ut att CSS till en central fil, någonstans som vi kan då inkludera i andra webbsidor som Vi kan hända att göra i framtiden. Så om vi någonsin vill centrera eller restylize mer allmänt våra sidor, vi kan göra det mycket enkelt i en central plats.