>> 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.