David Malan: So ek is die maak my eie soektog. En op die oomblik, dit lyk soos hierdie. Ek het hier die titel van die bladsy. Dit is CS50 Search. Ek het 'n HTML-vorm binnekant van wat verskyn 'n bydrae wie tipe is om te wees teks en ander insette wie se tipe is dien. 

As ons nou 'n blik op die bron vir hierdie bladsy, kennis dat, wel, ons 'n H1 en 'n titel tag wat is die oordra dat dit is inderdaad CS50 Search. Ons het 'n vorm tag dit is die spesifiseer dat die vorm moet ingedien word ons vriende by Google. En binnekant van die vorm, ons het die twee insette tipes. 

Maar let nou op na die top van die bladsy, binnekant van die bladsy se kop, daar is 'n styl tag, binnekant van wat is 'n CSS eiendom vir die liggaam van die bladsy. Wat as, al is, ons wou maak al die teks in lyn oor verskeie bladsye? Met ander woorde, ek wou dit te onthou CSS eiendom weer en weer en weer in verskillende web bladsye, al van hulle het die liggaam tag? Wel, ek kan beslis kopieer en plak die CSS in elk van die bladsye, maar dit sou beter ontwerp wees om hierdie faktor uit in 'n sentrale lêer en dan een of ander manier sluit die lêer in al die bladsye so dat as ek ooit wil 'n verandering en my teks op die lyn links of my teks pas op die reg, ek kan baie meer maklik doen. Kom ons probeer om dit te doen. 

Eerstens, laat ons sny uit hierdie styl tag geheel en al. En nou, laat ons 'n lêer genaamd oopmaak, sê, soek-3.css en sit dit dieselfde CSS in hierdie lêer. liggaam gaan hê text-align: center;. Kom ons slaan die lêer. 

Kom ons kyk nou terug te gaan na-3.html soek en, in die kop, voeg 'n skakel tag spesifiseer van 'n hiper-verwysing van soek-3.css. CSS en laat ons spesifiseer dat die verhouding dat hierdie lêer het met die is as sy styl blad te dien. Kom ons nou sluit hierdie merker, red die lêer, en herlaai Hierdie bladsy in die leser. 

Dit verskuif die teks op die gelaat asof die CSS eiendom was nie eens toegepas word. Nou hoekom sou dit wees? Kom ons neem 'n blik op die lêer se regte - nie die HTML-lêer se regte, maar die CSS-lêer se regte. 

Terug hier in gedit, laat ons gaan af na die terminale venster en tik LS-l Soek-3.css. Ag, wel, selfs al het ek die lêer se eienaar, kan lees en skryf hierdie lêer, niemand anders kan dit lees. Maar ons kan dit regmaak met chmod n + r Soek-3.css, en nou laat re-voer LS-l soek-3.css-- en baie beter. Nou is die hele wêreld kan lees hierdie lêer. 

Kom ons gaan terug na die leser gaan herlaai. Voila, ons is terug na 'n gesentreer soektog. Natuurlik, dit is waar ons begin het om die storie, met ons teks reeds gesentreer. Maar wat is 'n beter ontwerp is nou dat ons faktor dat CSS in 'n sentrale lêer, iewers wat ons kan dan sluit in ander web bladsye wat ons kan gebeur te maak in die toekoms. So as ons ooit wil kadreren of restylize meer algemeen ons bladsye, ons kan dit doen baie eenvoudig in 'n sentrale plek.