Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


22 Mar 2011

Apa Itu CSS ?

| 22 Mar 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

Related Posts

1 komentar:

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

    maaf gan, masih newbie

    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>