Home , › Pemahaman Apa itu CSS (Cascading Style Sheet)

Pemahaman Apa itu CSS (Cascading Style Sheet)

Apa itu CSS
Setelah membahas tentang Pengertian HTML dan Pengertian Java Script sekarang kita lanjutkan untuk pengertian Apa itu 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.


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:

Color

color: red
color: #ff0000
color: #f00
color: rgb(255,0,0)
color: rgb(100%,0%,0%)


Seperti itulah sedikit yang bisa kami jelaskan tentang CSS.

Ref : learn-css-tutorial.com

Semoga Manfaat
Share this article :

Copyright © 2013. Rendy-PC - All Rights Reserved
Template Created by Creating Website powered by Blogger