SPEAKER: Jadi ia sebenarnya bukan yang terbaik mereka bentuk untuk bergaul CSS dengan HTML. Sebaliknya, ia adalah yang terbaik untuk faktor di luar anda CSS, meletakkannya di suatu tempat pusat, dan entah bagaimana memohon kepada tag dalam laman web anda. Untuk mencapai matlamat ini, kita sebenarnya boleh berhenti menggunakan atribut Gaya dan sebaliknya menggunakan Gaya tag, yang dimiliki dalam ketua laman web bersama, untuk contoh, tajuk anda. 

Mari kita memberikan ini mencuba dan melaksanakan semula halaman rumah untuk John Harvard menggunakan tag Gaya. Saya telah mendapat kita bermula di sini dengan tiga divs untuk Laman utama John Harvard. Tetapi mari kita pertama kini pergi sehingga ini pertama div dan menambah sifat baru, iaitu ID, dan menentukan bahawa yang unik pengecam untuk div khusus ini hendaklah dibuat, misalnya, quote unquote "Atas," nama sewenang-wenangnya, tetapi deskriptif yang div ini sesungguhnya di bahagian atas halaman saya. 

Untuk div seterusnya, mari kita memberikan ID yang berbeza quote unquote "Pertengahan," dan mari kita memberi div ketiga ID petikan unquote "bawah." Kami kini mempunyai tiga pengecam unik yang kita boleh memohon beberapa CSS hartanah, tetapi pertama, mari kita kembali kepada ketua halaman ini. Hanya di atas tajuk di sini, saya akan teruskan dan menentukan gaya dan kemudian gaya dekat. 

Di dalam ini sekarang, saya akan menentukan beberapa sifat CSS, iaitu orang-orang yang sama saya sebelum ini mempunyai di Gaya atribut, tetapi di sini mereka akan berpusat ditakrifkan. Untuk berbuat demikian, saya akan nyatakan pound simbol diikuti oleh bahagian atas, dengan itu yang menyatakan bahawa CSS berikut hartanah perlu memohon kepada apa sahaja Elemen HTML mempunyai unik pengecam atas. Saya kemudian akan mempunyai beberapa terbuka dan pendakap kerinting tertutup, dan saya akan nyatakan, berkata, saiz font hendaklah 36 piksel, berat font hendaklah berani. 

Untuk menjaga perkara yang bersih, saya meletakkan setiap sifat-sifat ini kini dengan sendiri line, tetapi itu hanya satu konvensyen gaya. Di bawah ini, mari kita sekarang menentukan lain pemilih, jadi untuk bercakap. Ini satu untuk tag HTML yang mempunyai pengecam unik tengah. Dan di sini, mari kita menentukan saiz fon 24 piksel, di bawah yang satu lagi pemilih untuk bahagian bawah, dan di dalam itu, mari kita menentukan saiz fon 12 piksel. 

Sekarang mari kita menyimpan, menukar kebenaran pada, dan memuatkan halaman ini dalam pelayar, chmod tambah r css-1.html. Mari kita membuka Chrome dan melawat http://localhost/css-1.html. Tidak buruk. Tepat seperti yang saya dimaksudkan, tetapi saya ingin ambil satu langkah ke hadapan sekarang dan teks pusat John Harvard. Sekarang untuk berbuat demikian, saya boleh membalut turun laman dalam div kerana saya lakukan contoh yang lebih awal. Atau saya boleh menjadi lebih bijak dan sedar bahawa semua divs ini adalah dalam badan halaman saya, jadi mengapa tidak hanya memohon satu atau lebih harta CSS kepada badan tag itu sendiri? 

Untuk berbuat demikian, mari kita melakukan ini. Mari kita kembali kepada gedit sini. Mari kita skrol kembali sehingga tag Gaya, dan mari kita menentukan pemilih yang hanya menggunakan tag nama, Badan. Di bawah itu, mari kita meletakkan pendakap kerinting kami diikuti oleh pusat text-align. Sekarang mari kita menyimpan halaman dan tambah nilai ia di dalam pelayar itu. Reload dalam Chrome, dan Voilà. Kami kini mempunyai halaman John Harvard berpusat seperti yang kita dimaksudkan.