CSS
HTML pada asalnya dibina dan dicipta untuk memaparkan informasi dalam cara yang paling mudah dan ringkas, dengan estetika menumpukan kepada kandungan itu tersendiri berbanding paparan keseluruhan laman (dan tidak mengira jenis pelantar sistem operasi dan perisian pelayar).
Buat masa sekarang, teknologi semakin maju, laman web sudah semakin popular. Paparan kepada bentuk laman web yang...
Apa itu CSS
Perkara asas yang perlu anda tahu
Sebelum anda meneruskan pembelajaran dalam CSS, anda perlulah mengetahui terlebih dahulu sedikit asas tentang HTML/XHTML.
Jika anda ingin belajar HTML. sila klik di sini
Apa itu CSS
CSS adalah akronim badi Cascading Style Sheets
Style menerangkan bagaimana untuk memaparkan element HTML
Style biasanya disimpan didalam Style Sheet...
Sintaks
Sintaks
CSS syntax dibahagikan kepada 3 bahagian iaitu selector, property dan value.
selector {property: value}
Selector ialah element/tag HTML yang ingin anda ubah, property ialah attribute yang ingin diubah, manakala value ialah nilai bagi attribute tersebut. Property dan value dipisahkan dengan menggunakan titik bertindah dan pada diletakan dalam kurungan.
Contohnya:
body {color...
Bagaimana Hendak:
Memasukkan Style Sheet
Apabila web browser membaca Style Sheet, ia akan mengubah paparan dokumen tersebut mengikut apa yang terkandung dalam Style Sheet. Terdapat 3 cara untuk memasukan Style Sheet.
Style Sheet Luaran
Style Sheet Luaran sesuai untuk digunakan jika anda ingin mengubah banyak dokumen dengan hanya menggunakan satu Style Sheet. Setiap laman yang ingin menggunakan Style...
Latar belakang
Membuat warna bagi latar belakang
<html>
<head>
<style type="text/css">
body { background-color: yellow }
h1 { background-color: #00ff00 }
h2 { background-color: transparent }
p { background-color: rgb(250,0,255) }
</style>
</head>
<body>
<h1>Tajuk 1</h1>
<h2>Tajuk 2</h2>
<p>Perenggan...
Tulisan
Mewarnakan tulisan
Anda boleh mewarnakan tulisan anda dengan menggunakan property color. Value bagi property itu boleh dalam nilai RBG,HEX ataupun Kod Warna. Contohnya seperti berikut :
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
Bagi membuat latar belakang untuk tulisan pula, penggunaan property background-color boleh digunakan. Contohnya penuh seperti berikut:
Aksara
Jenis tulisan
Tentunya anda akan busan jika website anda hanya menggunakan jenis tulisan yang sama
sahaja, oleh itu, property font-family, boleh digunakan untuk menukar jenis tulisan anda. Contohnya seperti berikut:
h3 {font-family: times}
p {font-family: courier}
p.sansserif {font-family: sans-serif}
Awas, tulisan yang dipilih mestilah merupakan tulisan asas dan terdapat dalam semua komputer...
"Tangan pendek" dalam CSS
Satu kelebihan penggunaan CSS adalah mengurangkan masa memuat turun dan pemaparan sesuatu laman web. Untuk menvariasikan sesuatu teks, anda akan mengulang elemen <font> setiap kali stail yang sama hendak digunakan. Anda juga mungkin akan memuatkan beberapa elemen lain seperti table, heading dan lain-lain. Sekarang, ke semua elemen variasi ini boleh dimuatkan ke dalam satu dokumen CSS yang...
"Child Selector" dalam CSS
"Child Selector" atau penetapan pemilihan kelas elemen merupakan perkara yang baru dalam CSS2. Fungsi yang diperkenalkan ini membolehkan pengguna memilih elemen tertentu untuk diaplikasikan stail dan atributnya tanpa perlu melibatkan keseluruhan stail seperti dalam CSS1. Dalam tutorial ini saya akan terangkan lebih lanjut cara penggunaannya.
Bagaimana ia berfungsi
Penggunaan pemilihan...