1 00:00:00,000 --> 00:00:00,360 2 00:00:00,360 --> 00:00:01,970 >> DAVID MALAN: Jadi saya telah bekerja pada enjin carian ini 3 00:00:01,970 --> 00:00:03,480 yang kelihatan seperti ini. 4 00:00:03,480 --> 00:00:07,580 Saya seolah-olah mempunyai tajuk yang dipanggil CS50 Carian, di bawah yang adalah satu bentuk HTML, 5 00:00:07,580 --> 00:00:10,430 dalam yang merupakan input yang jenis adalah teks dan input lain 6 00:00:10,430 --> 00:00:12,260 Jenis yang adalah selamat. 7 00:00:12,260 --> 00:00:15,400 Sekarang mari kita lihat asas Kod sumber untuk halaman ini. 8 00:00:15,400 --> 00:00:20,180 >> Sini mencari-2.html, notis bahawa saya memang mempunyai tajuk dalam bentuk yang 9 00:00:20,180 --> 00:00:23,260 mengetuai dan juga dalam badan dengan tag h1 sekelilingnya. 10 00:00:23,260 --> 00:00:26,490 Saya mempunyai bentuk HTML, dan maka kedua-dua input. 11 00:00:26,490 --> 00:00:30,650 Tetapi notis khusus kepada badan tag, bahawa saya telah diisytiharkan gaya 12 00:00:30,650 --> 00:00:35,770 sifat yang nilainya text-align: pusat;, dengan itu menyatakan bahawa semua 13 00:00:35,770 --> 00:00:38,390 teks pada halaman ini harus sejajar di tengah. 14 00:00:38,390 --> 00:00:41,700 >> Sekarang ini berfungsi dengan sempurna dengan betul, tetapi ia sedikit ceroboh. 15 00:00:41,700 --> 00:00:43,900 Anda tidak boleh benar-benar memberitahu sebanyak kerana halaman ini agak 16 00:00:43,900 --> 00:00:44,960 kecil pada masa ini. 17 00:00:44,960 --> 00:00:47,520 Tetapi bayangkan jika halaman ini mendapat lebih panjang dan lebih lama dan 18 00:00:47,520 --> 00:00:49,180 lebih lama dan lebih kompleks. 19 00:00:49,180 --> 00:00:53,960 >> Perhatikan corak aku amalkan di sini adalah untuk bergaul estetika saya 20 00:00:53,960 --> 00:00:57,380 dengan struktur halaman dengan menggunakan sifat gaya. 21 00:00:57,380 --> 00:01:00,540 Cerita panjang pendek, ini bukan yang terbaik reka bentuk, sudah tentu sebagai laman anda berkembang 22 00:01:00,540 --> 00:01:02,010 kompleks lagi. 23 00:01:02,010 --> 00:01:05,830 Reka bentuk yang lebih baik adalah untuk faktor keluar yang penyesuaian dgn mode dan meletakkannya kurang lebih 24 00:01:05,830 --> 00:01:09,730 pusat, misalnya tidak dalam gaya menyifatkan tetapi dalam tag gaya, 25 00:01:09,730 --> 00:01:13,310 khusus tag gaya di dalam kepala tag halaman saya. 26 00:01:13,310 --> 00:01:14,830 Mari kita buat betul-betul itu. 27 00:01:14,830 --> 00:01:18,160 >> Pertama mari kita pergi di sini dan memadam gaya ini menyifatkan sama sekali. 28 00:01:18,160 --> 00:01:22,420 Kemudian menyokong di kepala halaman saya, mari kita mengisytiharkan tag gaya dan menutupnya di 29 00:01:22,420 --> 00:01:24,620 masa yang sama, jadi saya tidak lupa untuk kemudian. 30 00:01:24,620 --> 00:01:28,120 Dan kemudian mari kita menentukan bahawa badan halaman ini harus mempunyai CSS yang 31 00:01:28,120 --> 00:01:32,040 harta text-align pusat. 32 00:01:32,040 --> 00:01:35,320 Sekarang mari kita menyimpan laman ini, muat semula yang penyemak imbas, dan melihat apa kesannya adalah. 33 00:01:35,320 --> 00:01:38,070 34 00:01:38,070 --> 00:01:40,510 >> Memuatkan semula dalam pelayar saya - 35 00:01:40,510 --> 00:01:41,570 ada kesan langsung. 36 00:01:41,570 --> 00:01:43,110 Tetapi tidak mempunyai kesan yang dimaksudkan. 37 00:01:43,110 --> 00:01:45,150 Kami hanya meningkatkan reka bentuk laman ini. 38 00:01:45,150 --> 00:01:47,606