SPEAKER: Ternyata HTML tidak satu-satunya bahasa yang anda boleh menggunakan di dalam bagi sebuah laman web. Anda boleh menggunakan sesuatu yang dinamakan CSS, atau Cascading Style Sheets, juga. CSS membolehkan anda untuk menentukan lebih tepat estetika web halaman, termasuk susun atur dan saiz dan warna dan fon dan banyak lagi. Sebagai contoh, mari kita membuat laman web di sini dipanggil CSS0 yang mewakili laman utama untuk, katakan, John Harvard. 

Pada halaman ini, kami akan mempunyai John Harvard menamakan, di bawah yang akan mesej bagus untuk pelawat beliau, di bawah yang akan menjadi nota kaki, dengan berkata, beberapa maklumat hak cipta. Untuk melakukan ini, mari kita menentukan tiga bahagian bagi laman ini menggunakan tag dipanggil div. Terbuka div kurungan, John Harvard, berhampiran div kurungan, satu lagi kurungan div terbuka, dan sekarang kita akan menentukan sesuatu seperti, selamat datang ke laman rumah saya! Dan mari kita menutup div ini, juga. 

Dan kini ketiga dan terakhir div, hak cipta. Hanya untuk menjadi mewah, mari kini saya menggunakan HTML entiti, simbol yang mewakili watak yang anda tidak boleh jika tidak menaip pada papan kekunci anda. Khususnya, saya akan melakukan Ampersand, paun, 169, koma bertitik. Ternyata bahawa adalah kod angka untuk simbol hak cipta. Kemudian mari kita menentukan John Harvard di sini di bahagian bawah. Mari kita menutup div dan menyimpan fail. 

Sekarang, apa yang tag div ini? Tag div hanya mentakrifkan pembahagian halaman, yang pada asasnya adalah rantau segi empat tepat. Jadi pada masa ini dalam masa, saya mempunyai tiga kawasan segi empat tepat, satu di atas yang lain. Jadi buat masa ini, kesannya adalah hampir walaupun saya mempunyai tiga perenggan. Tetapi kita tidak akan melihat agak sebanyak ruang putih di antara mereka. 

Mari kita menyimpan fail ini, perubahan yang kebenaran, dan lihat untuk masa dalam Chrome. Chmod a + r CSS0.html. Mari kita kini membuka Chrome dan lawatan http://localhost.CSS0.html. Malah, di sini adalah laman utama untuk John Harvard. Sekarang mari kita menyesuaikan dgn mode ia sedikit lebih tepat menggunakan beberapa CSS. 

Kembali pada gedit, mari kita pergi ke dalam ini tag div pertama dan menambah gaya yang menyifatkan menyatakan bahawa saya mau saiz fon, katakan, 36 piksel, atau px. Dan saya ingin berat font ini untuk menjadi berani dan bukan lalai, yang biasa. Untuk div kedua, mari kita menentukan lain sifat gaya yang mempunyai saiz fon 24 piksel, jadi sedikit lebih kecil. Tutup sebut harga selepas koma bernoktah. 

Akhir sekali, dalam div ketiga ini, mari kita buat gaya sama saiz quote, fon, dan katakan 12 piksel masa ini. Tutup quote selepas koma bernoktah. Notis itu, saya seolah-olah mempunyai dinyatakan sedikit penyesuaian dgn mode untuk ketiga-tiga divs menggunakan, Ternyata, CSS. Malah, sintaks yang anda lihat dalam antara mereka petik adalah CSS, khusus CSS hartanah dengan nilai-nilai. Dan untuk itu tag pertama, di mana saya mempunyai dua harta tersebut, saiz fon dan berat fon, saya hanya dipisahkan mereka dengan koma bernoktah. 

Kini, hanya demi gaya, saya koma bertitik juga termasuk di akhir setiap baris. Tetapi mereka tidak tegas perlu, terutamanya apabila anda hanya mempunyai satu harta ditakrifkan. Sekarang mari kita simpan fail dan tambah nilai dalam Chrome, dan lihat apa yang kesan bersih adalah. Kembali pada Chrome di sini, mari kita klik Reload. 

Sekarang kita mempunyai sedikit lebih menarik laman utama untuk John Harvard, di mana baris pertama dengan namanya, yang dalam yang div pertama, adalah 36 piksel tinggi dan juga huruf tebal, di mana baris kedua, yang dalam yang div kedua, ialah 24 piksel tinggi, tetapi tidak huruf tebal. Dan mana baris ketiga di ketiga yang div ialah 12 piksel tinggi dan juga tidak huruf tebal. Tetapi andaikan sekarang saya ingin beralih semua teks ini lebih seperti bahawa ia berpusat. 

Saya boleh menyelaraskan setiap individu divs seperti yang berpusat. Tetapi yang lebih mudah, boleh saya balut mereka tiga divs bahagian dalam div keempat, yang div ibu bapa, jadi untuk bercakap, dan menentukan bahawa div dan semua yang keturunan harus teks sejajar pusat? Mari kita melihat. 

Di dalam gedit, mari kita kembali kepada saya badan dan menambah div top up baru dengan div, gaya sama quote unquote pusat align teks, berhampiran memetik selepas koma bernoktah. Dan sekarang, mari kita teruskan dan inden semua dari orang-orang garisan yang kita ditaip sebelum ini. Dan di bawah yang div ketiga, mari kita menutup div baru ini. 

Dalam erti kata lain, kerana ketiga-tiga divs asal kini kanak-kanak, jadi untuk bercakap, seorang div ibu bapa yang baru dan saya dinyatakan bahawa saya ingin untuk menyelaraskan teks yang div ibu bapa di tengah-tengah halaman, harta yang akan menjadi diwarisi oleh semua orang-orang kanak-kanak. Malah, mari kita simpan fail tersebut dan lihat dalam pelayar. Mari kita menambah nilai dalam Chrome. Dan kita ada, yang lebih bagus laman utama untuk John Harvard.