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