>> DAVID MALAN: Så jeg har gjort min egen søgemaskine.
Og i det øjeblik, det ser sådan ud.
Jeg har her titlen på siden.
Det er CS50 Søg.
Jeg har en HTML-formular inde i hvilke synes at være et input, hvis type er
tekst og en anden indgang hvis type er indsende.
>> Hvis vi nu tage et kig på kilden til denne side, bemærke, at, ja, vi
have en H1 og en titel-tag, der vækker at dette
er faktisk CS50 Søg.
Vi har en formular tag, der er at specificere at formularen skal indsendes til
vores venner hos Google.
Og inde i den form, vi har disse to input typer.
>> Men bemærk nu mod toppen af ​​den side indersiden af ​​sidens hoved,
der er en stil tag, inde i som er en CSS egenskab for
kroppen på siden.
Hvad nu hvis, selvom vi ønskede at gøre hele teksten justeret
på tværs af flere sider?
Med andre ord, jeg ønskede at genbruge denne CSS ejendom igen og igen og igen
i forskellige web-sider, der alle hvoraf har body-tagget?
Jamen jeg kunne sikkert kopiere og indsætte CSS ind i hver af disse sider, men
det ville være bedre design at indregne dette ud i nogle central fil og derefter
en eller anden måde inkluderer filen i alle disse sider, så hvis jeg nogensinde vil
foretage en ændring og tilpasse min tekst på venstre eller justere min tekst på højre, jeg
kan gøre det meget lettere.
Lad os prøve at gøre dette.
>> Først, lad os skære ud denne stil tag helt.
Og lad os nu åbne en fil kaldet, siger, søg-3.css og sætte det
samme CSS i denne fil.
krop vil have tekst-align: center;.
Lad os gemme filen.
>> Lad os nu gå tilbage til søge-3.html og, i hovedet igen, tilføje et link tag
angivelse af en hyper-henvisning af søge-3.css.
CSS Og lad os præcisere, at relationen at denne fil har med
side er at fungere som sin stil ark.
Lad os nu lukke tag, spare filen, og reload
denne side i browseren.
>> Det udrettet teksten på venstre, som om CSS
Ejendommen blev ikke engang anvendt.
Nu hvorfor kan det være?
Lad os tage et kig på det filens tilladelser -
HTML filens tilladelser ej, men tilladelser CSS fils.
>> Tilbage her i gedit, lad os gå ned til terminal vindue og skriv ls-l
search-3.css.
Ah, ja, selv om jeg, filens ejer, kan læse og skrive denne fil,
ingen andre kan læse det.
Men vi kan løse dette med chmod a + r search-3.css, og lad os nu re-execute
ls-l search-3.css--
og meget bedre.
Nu er hele verden kan læse denne fil.
>> Lad os gå tilbage til browseren, genindlæse.
Voila, er vi tilbage til en centreret søgemaskine.
Selvfølgelig er det her, vi begyndte historie, med vores tekst allerede centreret.
Men hvad er bedre design nu, er, at vi har indregnet, at CSS i en
central fil, et sted, som vi derefter kan omfatte andre websider,
vi måske kommer til at lave i fremtiden.
Så hvis vi nogensinde ønsker at centrere eller restylize mere generelt vores sider, vi
kan gøre det meget enkelt i ét centralt sted.