Apa Itu CSS ?

Viyan Pradita Selasa, Maret 22, 2011

Setelah membahas tentang pengertian HTML, sekarang lanjut untuk pengertian CSS. buat yang suka blogging pastinya sudah tidak asing lagi mendengar kata CSS.
Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website.
CSS memungkinkan web developer untuk memisahkan HTML dari aturan-aturan untuk membentuk tampilan sebuah website.

CSS dapat mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan oleh CSS.
Kesimpulan: CSS itu digunakan untuk mengatur susunan tampilan pada halaman HTML.

Code Sample: BackgroundsAndColors/Demo/Color.html

Kode CSS:
<div style="color: red">color: red</div>
<div style="color: #ff0000">color: #ff0000</div>
<div style="color: #f00">color: #f00</div>
<div style="color: rgb(255,0,0)">color: rgb(255,0,0)</div>
<div style="color: rgb(100%,0%,0%)">color: rgb(100%,0%,0%)</div>
Bila kode CSS diatas kita masukan dalam kode HTML
Kode HTML:
<html>
<head>
<title>Color</title>
</head>
<body>

<h1>Color</h1>

<div style="color: red">color: red</div>
<div style="color: #ff0000">color: #ff0000</div>
<div style="color: #f00">color: #f00</div>
<div style="color: rgb(255,0,0)">color: rgb(255,0,0)</div>
<div style="color: rgb(100%,0%,0%)">color: rgb(100%,0%,0%)</div>

</body>
</html>
Hasilnya akan seperti ini:


Seperti itulah yang bisa saya jelaskan tentang CSS.
Biar lebih jelas tentang CSS, pelajari CSS disini: http://learn-css-tutorial.com

Ditulis Oleh :

Artikel Apa Itu CSS ? ini dipublish pada hari: Selasa, Maret 22, 2011. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

2 komentar
Terjun Ke Kolom Komentar

  1. gan, jadi angkita tulis di css langsung masuk ke HTML ya?

    maaf gan, masih newbie

    BalasHapus
  2. Terimakasih artikelnya bermanfaat banget,

    Kamu butuh tutorial dalam menggunakan beberapa aplikasi komputer? Seperti office, adobe, programming dan lain-lain? Kunjungi kumpulan tutorial-tutorial gratis

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>


web design blogs Bloggers - Meet Millions of Bloggers