Pages

DASAR-DASAR CSS

Selasa, 14 Desember 2010

CSS (Cascading Style Sheets) digunakan untuk menampilkan elemen-elemen HTML seperti pengaturan background, font, margin, padding, dll.Salah satu keuntungan CSS adalah kita tidak perlu merubah tampilan halaman web secara keseluruhan.Berikut ini adalah cara membuat CSS.
Membuat halaman CSS :

1. Internal CSS, kita membuat CSS satu halaman dengan halaman web HTML kita

<head>
<style type=�text/css�>
hr {color: green}
p {margin-left: 20px}
body {background-image: url (� images / xxx.gif�)}
</style>
</head>


2. External CSS, kita membuat halaman CSS yang terpisah dengan halaman HTML kita, keuntungannya seperti berikut pada saat melakukan pengubahan style halaman kita cukup mengacu pada satu halaman CSS saja.

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

style.css adalah halaman sumber dari code css kita (extensi .css)

3. Inline CSS, biasanya digunakan untuk pengaturan elemen yang penggunaannya jarang atau accidental (tapi tergantung, kadang sangat sering digunakan).


<p style="color: green; margin-left: 20px">
Kolom ini hanya muncul sekali
</p>


Aplikasi

CSS menggunakan beberapa cara pemanggilan yaitu dengan tag class atau tag id. Pada tag class, definisi css menggunakan awalan dot (.) dan pada tag id menggunakan awalan tanda (#). Juga kita bisa mendefinisikan tag elemen HTML secara langsung.

0 komentar:

Posting Komentar

Total Tayangan Halaman