Orang yang bisa membuat semua hal yang sulit menjadi mudah dipahami, yang rumit menjadi mudah dimengerti, atau yang sukar menjadi mudah dilakukan, itulah pendidik yang sejati.

Selamat hari pendidikan nasional 2 Mei

Apa Itu CSS?

Posted by

CSS singkatan dari Cascading Style Sheet adalah sebuah dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web, CSS ini bersifat embeded pada tag HTML yang artinya menempel atau melekat pada tag HTML. Sebagai Contoh embeded seperti di bawah ini <h1 class=”header”>Pengantar</h1>. Dengan CSS ini, kita bisa mengontrol/mengatur seluruh tampilan halaman web dengan hanya sebuah dokument CSS, biasan ekstensi untuk file CSS adalah .css (dot css).
Selain itu, CSS juga dapat menggantikan fungsi tabel dan dapat meminimalkan ukuran file HTML. Bayangkan jika Anda membuat sebuah kotak dengan tabel dan CSS jauh lebih efesien.
Contoh simple sebuah CSS,anda bisa lihat ilustrasi di bawah ini:
Jika dengan HTML,saya menuliskan sebuah kalimat:
Apa itu CSS?
Maka saya akan menuliskan kode:
<font-size="12px";font-family="arial"><b>Apa itu CSS?</b></font>
Tapi dengan CSS,kita bisa menghemat penerapan kode,hanya dengan mengatur atribut kalimat yang akan kita tulis,di bagian atas kode <HEAD>,pada halaman HTML anda.
Contoh,tulisan Apa itu CSS? di atas,akan saya tulis memakai CSS.

Pertama,saya meletakkan kode ini di atas kode
<Head> pada halaman HTML saya.

<style type='text/css'>
#
Contoh {
color:black;
font-size:12px;
font-weight: bold;
font-family: arial;
}
</style>

Setelah itu,saya menuliskan kode di bawah ini sesudah kode <Head>

<script type='text/javascript'/>
<div id="Contoh">
Apa Itu CSS?
</div>
Hasilnya akan seperti ini :
Apa itu CSS?

Sama khan ?Nah itu penjelasan dikit tentang CSS.
Kurang Jelas,anda bisa pelajari CSS di http://learn-css-tutorial.com/.


Apa Itu CSS? . css . Java . Script . Kode-kode dasar HTML . Apa itu HTML? . Hyper Text Markup Language . HTML . Tag . Link . www . Header . Body . Sidebar . Footer . Web . dokumen . Blog . Kode-Kode . Text . Object Hyepertext . My Document . view . Hide Extentions for Known Filetypes . belajar . <head> . </head> . <title> . </title> . format .  Temblok .



Blog, Updated at: 00:15

1 comments:

  1. kunjungan malam...wah ane baru tahu sekarang,,,nice info,,,salam blogger indonesia

    ReplyDelete

Disarankan berkomentar menggunakan OpenID. Komentar SPAM dan SPAMMY (menyertakan link hidup) otomatis tidak akan muncul.

Dapatkan Update Terbaru

Subscribe via Email

Like This!!!