Apa itu CSS?

Apa itu CSS?

Oleh webmaster Dikirim pada Friday 17 September 2004 Tweet
CSS ialah teks ASCII yang mengandungi arahan-arahan untuk memformat dokumen web. Ia memudahkan anda untuk membuat reka letak dan persembahan web seperti penggunaan fon, saiz fon, warna latar dan lain-lain. Cara mudah untuk menerangkan CSS ialah dengan memberikan contoh berikut. Lihatkan kod di bawah ini sebagai contoh, ia dimasukkan di bahagian HEAD halaman web anda kerana setiap pelayar web anda akan memahami style sheets. KOD <style type="text/css"> <!-- BODY { background-color: white ; color: black ; font-family: Arial, Helvetica, sans-serif ; } --> </style> Kod di atas akan menyebabkan halaman anda mempunyai latar belakang putih dan teks berwarna hitam. Teks pada BODY akan menggunakan sama ada typeface Arial, Helvetica, ataupun jika tidak terdapat kedua-duanya, ia akan menggunakan typeface Sans-Serif. Kelebihan CSS Mengapa tidak terus menggunakan sahaja HTML untuk memformat dokumen? Sebenarnya salah satu alasan mengapa perlunya pengetahuan tentang Cascading Style Sheets ialah ia membolehkan anda memformat elemen dengan mudah dan cepat. Saya beri satu contoh berikut: KOD <H1></H> Tag H1 diatas digunakan untuk teks header. Apabila anda menutup teks di dalam tag ini, teks tersebut akan dinampakkan sebagai header. Bagaimanapun, ramai orang baru (newbie) dalam HTML yang kadang kala terkeliru dan sering meletakkan header di dalam tag FONT seperti berikut: KOD <FONT><H1>Teks</H></FONT> Hasilnya, dokumen anda akan menjadi semak dengan kod berformat, malah jika anda ingin menyeragamkan semua header-header, terpaksalah anda mengubah semua header-header pada keseluruhan dokumen. Dengan CSS, jika anda inginkan header H1 untuk menggunakan typeface Sans-Serif bersaiz 24-point, secara yang mudah letakkan baris berikut diantara tag CSS anda: KOD H1 { font-face: san-serif ; font-size: 24pt ; } Kerana setiap kali anda menggunakan H1, ia akan terus memformat kepada fon Sans-Serif bersaiz 24. Kongis ke Facebook Tweet! Tambah ke dalam Google Bookmarks Kongsi ke Reddit Kongsi ke del.icio.us Kongsi ke StumbleUpon Kongsi ke Blinklist Digg!

Senarai tutorial dalam kategori ini Kembali ke laman utama tutorial

Penilaian

Belum ada penilaian dibuat setakat ini

Sila Log-in untuk menghantar komen. Daftar jika belum menjadi ahli.

Artikel Terbaru

Tips Melindungi Komputer Dari Ancaman Virus
5 tips untuk anda melindungi komputer anda dari ancaman virus dan malware.

Mencipta Laman Kelab Peminat di Facebook
Langkah-langkah dan cara membuat laman peminat Facebook atau Fanpage. Facebook merupakan salah satu alat pemasaran dan penjenamaan yang paling efektif sekiranya anda gunakannya dengan bijak. Gunakan halaman Facebook untuk mempromosikan laman web atau blog anda.

Periksa Pautan Rosak dalam Wordpress
Dengan plugin Broken Link Checker, ia mampu untuk mengesan semua pautan-pautan rosak yang terdapat di dalam blog anda.

Lebih Dari Satu Homepage di Firefox
Menetapkan lebih dari satu halaman rumah (Homepage) di Mozilla Firefox untuk membuka lebih dari satu laman web sekaligus.

Memasang Rangkaian Wayarles (Wireless)
Panduan ini akan menunjukkan kepada anda langkah-langkah bagaimana untuk memasang rangkaian wayarles (wireless) yang selamat, mudah, cepat dan murah di rumah, makmal sekolah atau di pejabat.

Cara Pasang Plugin di Wordpress
Cara-cara memasang plugin di blog Wordpress menggunakan kaedah papan pemuka (Dashboard) dan kaedah FTP (File Transfer Protocol)

Ubah Wajah dengan Perfect365
Berikan imej baru ke atas wajah anda dengan perisian Makeover Perfect365.

Mengatasi Masalah Perkakasan dengan Troubleshooter
Sekiranya anda mendapati Windows 7 atau Windows Vista menghadapi isu perkakasan atau peranti, anda boleh menjalankan utiliti Troubleshooter. Troubleshooter akan secara automatik mencuba untuk mengenal pasti dan menyelesaikan masalah yang ada.

Kemaskini PC berasaskan Intel
Menggunakan utiliti Intel Driver Update untuk mengemaskini sistem anda secara automatik.

Mengaktif File History dalam Windows 8
Sebelum melakukan pendua (backup) ke atas data-data persendirian, anda perlu mengaktif terlebih dahulu opsyen File History. Tutorial ini akan menunjukkan cara-cara mengaktif File History dalam Windows 8.

Disiarkan di KOSMO!