Thursday, March 22, 2012

Belajar CSS Mudah Koq !!!

belajar css,css mudah dan menyenangkan,mempercantik web dengan cssHay semua, kali ini aku ingin berbagi sedikit pengetahuan tentang CSS (Cascading Style Sheet). Mungkin sobat semua sudah mengetahui atau pun mendengar tentang CSS, untuk yang sudah tahu bahkan mahir tentang CSS ya stop saja membaca postingan ini. Tapi untuk yang pengen belajar, silahkan lanjutkan membacanya ... :-)
CSS digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web yang mereka buat, mulai dari memformat text, sampai pada memformat layout. Tujuannya adalah supaya diperoleh suatu kekinsistenan style pada elemen tertentu.

<html>
  <head>
   <style type="text/css">

      h1{font-style:arial; color:red;}

      p{text-align:justify;text; color:blue; font-family: verdana;}
   </style>
  </head>
  <body>

     <h1>1001Cara-PanduanMelon</h1>

     <p>
        Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf 
        Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf
        Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf 
        Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf 
        Ini adalah paragraf Ini adalah paragraf 
       </p>
  </body>
</html>


Hasilnya :

1001Cara-PanduanMelon


Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf Ini adalah paragraf>

Penjelasan kode di atas yaitu :
  • h1, p merupakan selector : digunakan untuk menentukan pada elemen apa style di terapkan. Selector bisa berupa nama id elemen ataupun class elemen.
  • { . . . } merupakan deklarasi style yang akan dibuat. Pada bagian ini terdiri dari properti dan value.
  • font-style, color : merupakan properti dari elemen yang akan kita terapkan stylenya.
  • arial, red : merupakan value/nilai dari properti dari elemen
Sobat bisa mencobanya sendiri menggunakan properti yang lain. Misalnya perataan paragraf dan lain sebagaiya. Selamat mencoba dan berkarya.

0 komentar:

Post a Comment

"Thank you for visiting and reading this article. May be useful. Do not forget to leave a message buddies as a sign of friendship between human beings visit + inter-blog. . ."
Terima kasih telah berkunjung dan membaca artikel ini. Semoga bermanfaat. Jangan lupa tinggalkan pesan sobat sebagai tanda kunjungan silaturahmi antar umat manusia + antar blog . . .

Source Code Project Full + Database + Library Pendukung Lainnya

 
Copyright © 2011. Pensil Ajaib . All Rights Reserved
Home | Company Info | Contact Us | Privacy policy | Term of use | Widget | Site map
Design by Herdiansyah . Published by Borneo Templates