DAVID Malan: Dus ik heb het maken van mijn eigen zoekmachine. En op het moment, het lijkt erop dat dit. Ik heb hier de titel van de pagina. Het is CS50 zoeken. Ik heb een HTML-formulier binnenkant van die lijkt een ingang waarvan het type zijn tekst en een andere ingang waarvan het type is te dienen. 

Als we nu een kijkje nemen op de bron voor deze pagina, merken dat, inderdaad, we hebben een h1 en een title tag die worden overbrengen dat is inderdaad CS50 zoeken. We hebben een form tag dat is het opgeven dat het formulier moet worden ingediend onze vrienden bij Google. En binnen van die vorm, we deze twee soorten invoer. 

Maar merk nu op naar de top van de pagina, de binnenkant van de pagina's hoofd, er is een stijl-tag, de binnenkant van dat is een CSS-eigenschap voor het lichaam van de pagina. Wat als, hoewel, wilden we maken alle tekst uitgelijnd op meerdere pagina's? Met andere woorden, ik wilde deze opnieuw te gebruiken Weer CSS-eigenschap en opnieuw en opnieuw verschillende webpagina's, alle van wie body-tag? Nou ik kan zeker kopiëren en plakken de CSS in elk van die pagina, maar het zou beter ontwerp zijn om deze factor uit in een aantal centrale bestand en vervolgens een of andere manier onder meer dat bestand in alle die pagina's zo dat als ik ooit wil een verandering en richt mijn tekst op de links of uitlijnen mijn tekst aan de rechterkant, ik kan dat veel gemakkelijker doen. Laten we proberen om dit te doen. 

Laten we eerst eens uitgesneden dit stijl tag helemaal. En laten we nu een bestand genaamd openen, zeg, zoek-3.css en we deze dezelfde CSS in dit bestand. lichaam gaat hebben text-align: center;. Laten we redden dat bestand. 

Laten we nu teruggaan naar zoeken-3.html en, in het hoofd weer, voeg een link tag het opgeven van een hyper-verwijzing van search-3.css. CSS En laten we aangeven dat de relatie dat dit bestand met de pagina is te dienen als de style sheet. Laten we nu sluiten deze tag, sparen het bestand, en reload deze pagina in de browser. 

Hij verlegde de tekst op de verliet alsof de CSS pand werd niet eens toegepast. Waarom zou dat zijn? Laten we eens een kijkje nemen op de bestandsbeheermachtigingen's - geen toestemming van de HTML-bestand, maar de machtigingen van de CSS-bestand. 

Terug hier in gedit, laten we gaan naar beneden om het terminal venster en typ ls-l search-3.css. Ah, inderdaad, hoewel ik, het bestand eigenaar, kan lezen en schrijven dit bestand, niemand anders kan lezen. Maar we kunnen dit oplossen met chmod a + r search-3.css, en nu laten we re-execute ls-l search-3.css-- en veel beter. Nu de hele wereld kan lees dit bestand. 

Laten we teruggaan naar de browser gaan, herladen. Voila, we zijn weer terug bij een gecentreerde zoekmachine. Natuurlijk, dit is waar we begonnen de verhaal, met onze tekst al gecentreerd. Maar wat is een beter ontwerp nu is dat we hebben dat CSS wegvalt in een centraal bestand, ergens dat we kunnen dan nemen in andere webpagina's die we zouden kunnen gebeuren in de toekomst. Dus als we ooit willen kadreren of restylize meer in het algemeen onze pagina's, we kan het heel eenvoudig doen in een centrale plaats.