DAVID Malan: Така че аз съм бил на вземане моята собствена търсачка. И в момента, това изглежда така. Тук имам заглавието на страницата. Това е CS50 Search. Имам една HTML форма вътре от които се явява вход чийто тип е текст и друг вход чийто тип е бутона. 

Ако ние сега да разгледаме при източника за тази страница, забележите, че, наистина, ние имат h1 и етикет заглавие, което се, че това предаване е наистина CS50 Search. Имаме форма маркер, който е уточняване че формата трябва да бъде представен на нашите приятели от Google. А вътре в тази форма, ние имаме тези два входни видове. 

Но забележете сега към горната част на страница, вътре в главата на страницата, има етикет стил, вътрешността на което е CSS имот за тялото на страницата. Ами ако, все пак, ние искахме да направи целия текст, подравнен в няколко страници? С други думи, аз исках да използвате повторно този CSS имот отново и отново, и отново в различни уеб страници, всички от които имат етикет тяло? Ами аз със сигурност може да копирате и поставяте СГО във всяка една от тези страници, но че ще е по-добър дизайн на фактор това навън в някакъв централен файл и след това някак включи този файл в цялата тези страници, така че, ако някога искате да направи промяна и да се приведе в съответствие моя текст върху наляво или приведе моя текст отдясно, I може да се направи, че много по-лесно. Нека се опитаме да направим това. 

Първо, нека да изрежете тази стил тагове напълно. А сега нека да се отвори файл с име, да речем, търсене-3.css и сложи това същото CSS в този файл. тялото ще има текст-приравни: център;. Да спасим този файл. 

Нека сега се върнем към търсене-3.html и, в главата отново, добавете тагове връзка задаване на хипер-референтна на търсене-3.css. CSS И нека да се уточни, че връзката че този файл е с страницата е да служи като негов стил лист. Нека сега затворите този етикет, освен файла, и се презарежда тази страница в браузъра. 

Тя измести на текст в остави като че СГО имущество, дори не е била приложена. Сега защо това може да е? Нека да разгледаме най- разрешения файла - не разрешения на HTML файла, но разрешения на CSS файла. 

Back тук в Gedit, да вървим надолу, за да прозореца на терминала и типа LS-л търсене-3.css. Ах, наистина, въпреки че аз, на файла собственик, могат да четат и пишат на този файл, никой друг не може да го прочете. Но ние можем да се определи това с коригират A + R търсене-3.css, а сега нека отново се изпълни LS-л търсене-3.css-- и по-добре. Сега целият свят може да прочетете този файл. 

Нека да се върнем към браузъра, презаредете. Voila, че се връщаме към центрирано търсачката. Разбира се, това е мястото, където ние започна история, с нашия текст вече центриран. Но това, което е по-добър дизайн сега е, че сме отразено, че CSS в централен файл, някъде, че тогава ще можем да включва в други уеб страници, които ние може да се случи, за да се направи в бъдеще. Така че, ако някога искате да recenter или restylize по-общо на нашите страници, ние може да го направи много просто в едно централно място.