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