>> DAVID MALAN: Jadi saya telah membuat enjin carian saya sendiri.
Dan pada masa ini, ia kelihatan seperti ini.
Saya ada di sini tajuk halaman.
Ia CS50 Cari.
Saya mempunyai bentuk HTML dalam yang kelihatan seperti satu input yang jenis adalah
teks dan input lain Jenis yang adalah selamat.
>> Jika kita kini lihat sumber untuk halaman ini, perhatian bahawa, sesungguhnya, kita
mempunyai h1 dan tag tajuk yang adalah menyampaikan bahawa ini
memang CS50 Cari.
Kami mempunyai tag bentuk yang yang menyatakan bahawa bentuk hendaklah dikemukakan kepada
rakan-rakan kami di Google.
Dan dalam bentuk itu, kita ada kedua-dua jenis input.
>> Tetapi notis kini ke arah bahagian atas halaman, di dalam kepala halaman,
ada tag gaya, di dalam yang merupakan harta CSS untuk
badan halaman.
Bagaimana jika, walaupun, kita mahu membuat semua teks yang sejajar
seluruh mukasurat berganda?
Dalam erti kata lain, saya mahu untuk menggunakan semula ini Harta CSS lagi dan lagi dan lagi
di laman web yang berbeza, semua mereka mempunyai tag badan?
Well, saya sudah tentu boleh copy dan paste CSS ke dalam setiap laman, tetapi
ia akan menjadi reka bentuk yang lebih baik untuk faktor ini keluar ke beberapa fail pusat dan kemudian
entah bagaimana termasuk fail yang dalam semua halaman tersebut supaya jika saya ingin
membuat perubahan dan menyelaraskan teks saya di kiri atau menyelaraskan teks saya di sebelah kanan, saya
boleh berbuat demikian lebih mudah.
Mari kita cuba untuk melakukan ini.
>> Pertama, mari kita memotong ini gaya tag sama sekali.
Dan sekarang mari kita membuka fail yang dipanggil, katakan, carian-3.css dan meletakkan bahawa
CSS sama dalam fail ini.
badan akan mempunyai text-align: center;.
Mari kita simpan fail itu.
>> Sekarang mari kita kembali untuk mencari-3.html dan, di kepala lagi, tambah tag pautan
menyatakan yang hyper-rujukan carian-3.css.
CSS Dan mari kita menentukan bahawa hubungan bahawa fail ini telah dengan
halaman adalah untuk berkhidmat sebagai lembaran gaya.
Sekarang mari kita menutup tag ini, menyimpan fail, dan tambah nilai
laman ini dalam pelayar.
>> Ia menyusun semula teks pada dibiarkan walaupun CSS
harta telah tidak digunakan.
Sekarang mengapa yang mungkin?
Mari kita lihat di kebenaran fail ini -
tidak kebenaran fail HTML, tetapi kebenaran fail CSS ini.
>> Kembali di sini di gedit, mari kita turun ke tetingkap terminal dan jenis ls-l
carian 3.css.
Ah, memang, walaupun saya, fail ini pemilik, boleh membaca dan menulis fail ini,
tidak ada orang lain boleh membacanya.
Tetapi kita boleh menetapkan ini dengan chmod a + r carian 3.css, dan sekarang mari kita melaksanakan semula
ls-l carian 3.css--
dan lebih baik.
Sekarang seluruh dunia boleh membaca fail ini.
>> Mari kita kembali ke penyemak imbas, memuat semula.
Voilà, kami kembali kepada berpusatkan enjin carian.
Sudah tentu, ini adalah di mana kami memulakan cerita, dengan teks kita sudah berpusat.
Tetapi apa yang reka bentuk yang lebih baik sekarang adalah bahawa kami telah difaktorkan daripada CSS yang menjadi
fail pusat, kurang lebih yang kita boleh kemudian termasuk di laman web lain yang
kita mungkin berlaku untuk membuat pada masa akan datang.
Jadi, jika kita pernah mahu recenter atau restylize secara umum halaman kami, kami
boleh melakukannya dengan hanya dalam satu tempat pusat.