DAVID MALAN: Joten olen tehnyt oma hakukone. Ja tällä hetkellä, se näyttää tältä. Minulla on tässä sivun otsikko. Se on CS50 Etsi. Minulla on HTML-muodossa, jonka sisälle näyttää olevan tulon, jonka tyyppi on tekstin ja toinen tulo jonka tyyppi on esitettävä. 

Jos me nyt katsomaan lähde Tältä sivulta huomaa, että todellakin, me on H1 ja otsikoista, että on välittää että tämä on todellakin CS50 haku. Meillä on lomake tag joka täsmennetään että lomake olisi toimitettava ystävämme Google. Ja sisältä lomaketta, meillä on nämä kaksi tulotyypin. 

Mutta huomaa nyt yläosaa kohti sivu, sisällä sivun päähän, siellä tyyli tag, sisällä joka on CSS ominaisuus elimen sivulla. Mitä jos, vaikka, halusimme tehdä kaikki tekstin linjassa useiden sivujen? Toisin sanoen halusin uudelleen tämän CSS omaisuus uudestaan ​​ja uudestaan ​​ja uudestaan eri web-sivuja, kaikki joista on body? No en voisi varmasti kopioida ja liittää CSS jokaiseen näistä sivuista, mutta se olis parempi suunnittelu tekijä tämän ulos eräissä Keski-tiedoston ja sitten jotenkin kuuluvat tiedoston kaikissa nämä sivut niin, että jos haluan koskaan tehdä muutoksia ja kohdista minun tekstiä vasemmalle tai tasata minun tekstiä oikeassa, en voi tehdä paljon helpommin. Yritetään tehdä tämän. 

Ensimmäinen, nyt leikata tämän tyyli tag kokonaan. Ja nyt Avataan tiedosto nimeltä, vaikkapa haku-3.css ja esittää, että sama CSS tähän tiedostoon. kehon tulee olemaan text-align: center;. Säästetään tiedoston. 

Mennään nyt takaisin etsimään-3.html ja pään uudelleen, lisätä link tag täsmennetään hyper-viittaus haku-3.css. CSS Ja nyt määrittää, että suhde että tämä tiedosto on kanssa sivu on toimia sen tyylisivu. Katsotaanpa nyt sulkea tätä tunnistetta, tallenna tiedoston, ja reload Tämän sivun selaimessa. 

Se oikaistu teksti lähti ikään kuin CSS omaisuutta ei edes sovellettu. Nyt, miksi se voisi olla? Katsotaanpa katsomaan tiedoston käyttöoikeuksia - ei HTML-tiedoston käyttöoikeuksia, mutta CSS tiedoston käyttöoikeuksia. 

Takaisin täällä gedit, mennään alas terminaali-ikkuna ja kirjoita ls-l search-3.css. Ah, todellakin, vaikka olen, tiedoston omistaja voi lukea ja kirjoittaa tämän tiedoston, kukaan muu ei voi lukea sitä. Mutta voimme korjata tämän kanssa chmod + r search-3.css, ja nyt nyt uudelleen suorita ls-l search-3.css-- ja paljon parempi. Nyt koko maailma voi Lue tämä tiedosto. 

Mennään takaisin selaimeesi, lataa. Voila, olemme takaisin keskitetty hakukone. Tietenkin tämä on silloin aloitimme tarina, meidän tekstin jo keskitetty. Mutta mitä parempi muotoilu on, että nyt olemme pois laskusta, että CSS liitetään Keski-tiedosto, jonnekin, että voimme sitten sisällyttää muita web-sivuja, jotka me voi tapahtua tehdä tulevaisuudessa. Joten jos me koskaan halua keskittäminen tai restylize yleisemmin meidän sivua, me voi tehdä sen hyvin yksinkertaisesti yksi keskeinen paikka.