SPEAKER: Jadi itu sebenarnya bukan yang terbaik desain untuk berbaur CSS dengan HTML. Sebaliknya, yang terbaik untuk faktor luar Anda CSS, menyimpannya di suatu tempat pusat, dan entah bagaimana menerapkannya pada tag dalam halaman web Anda. Untuk mencapai hal ini, kita benar-benar dapat menghentikan menggunakan Style atribut dan sebaliknya menggunakan tag Style, yang termasuk dalam kepala halaman web bersama, untuk Misalnya, judul Anda. 

Mari kita memberikan ini mencoba dan menerapkan kembali halaman rumah untuk John Harvard menggunakan tag Style. Aku sudah mendapat kita mulai di sini dengan tiga divs untuk Homepage John Harvard. Tapi mari kita pertama sekarang naik ke pertama ini div dan menambahkan atribut baru, yaitu ID, dan menentukan bahwa yang unik pengidentifikasi untuk div tertentu harus, misalnya, kutipan tanda kutip "Top", sebuah nama yang sewenang-wenang, tetapi deskriptif dalam div ini memang di bagian atas halaman saya. 

Untuk div berikutnya, mari kita memberikan ID yang berbeda dari kutipan tanda kutip "Menengah," dan mari kita memberikan div ketiga ID kutipan tanda kutip "bawah." Kami sekarang memiliki tiga identifier unik yang kita dapat menerapkan beberapa CSS properti, tapi pertama-tama, mari kita kembali kepala halaman ini. Tepat di atas judul di sini, aku akan pergi ke depan dan menentukan gaya dan kemudian gaya dekat. 

Di dalam hal ini sekarang, aku akan mendefinisikan beberapa properti CSS, yaitu yang sama sebelumnya saya miliki di Gaya atribut, tapi di sini mereka akan didefinisikan secara terpusat. Untuk melakukannya, saya akan menentukan pound simbol diikuti oleh restoran, sehingga menentukan bahwa CSS berikut properti harus berlaku untuk apa pun Elemen HTML memiliki unik identifier dari atas. Saya kemudian akan memiliki beberapa terbuka dan kurung kurawal tertutup, dan aku akan tentukan, misalnya, ukuran font harus 36 piksel, font weight harus berani. 

Untuk menjaga hal-hal yang bersih, aku menempatkan masing-masing sifat ini sekarang sendiri line, tapi itu hanya konvensi gaya. Di bawah ini, mari kita mendefinisikan lain pemilih, sehingga untuk berbicara. Ini satu untuk tag HTML yang memiliki identifier unik tengah. Dan di sini, mari kita menentukan ukuran font dari 24 piksel, di bawah yang lain pemilih untuk bagian bawah, dan di dalam dari itu, mari kita menentukan ukuran font 12 pixel. 

Mari kita sekarang menyimpan, mengubah izin pada, dan memuat halaman ini di browser, chmod plus r css-1.html. Mari kita membuka Chrome dan mengunjungi http://localhost/css-1.html. Tidak buruk. Persis seperti aku berniat, tapi saya ingin mengambil hal-hal satu langkah lebih lanjut sekarang dan teks center John Harvard. Sekarang untuk melakukannya, saya bisa membungkus seluruh halaman di div seperti yang saya melakukan contoh sebelumnya. Atau aku bisa lebih pintar dan menyadari bahwa semua divs ini dalam tubuh halaman saya, jadi mengapa tidak hanya berlaku satu atau lebih CSS properti untuk tubuh tag sendiri? 

Untuk melakukannya, mari kita lakukan ini. Mari kita kembali ke gedit sini. Mari kita gulir kembali ke tag Style, dan mari kita menentukan pemilih hanya dipake tag nama, Body. Di bawah itu, mari kita kurung kurawal kami diikuti oleh pusat text-align. Sekarang mari kita menyimpan halaman dan kembali di dalam browser itu. Reload di Chrome, dan voila. Kami sekarang memiliki halaman John Harvard berpusat seperti yang kita dimaksudkan.