Dasar pemrograman dengan CSS

dasar css,css bassic,mengatur layout dengan css,layout,template,layout style,tampil menarik
Tahukah sobat semua apakah itu CSS? Kenapa kita mempelajari CSS? Apakah sobat pernah bertanya dan berpikiran untuk mengetahui dan mempelajarinya? Jika ya, maka sobat bisa lanjutnya untuk membaca. Tapi jika tidak, ya mendingan sobat cari menu yanng lain saja ya. Karena kali ini saya akan membahas tentang CSS. 

CSS adalah singkatan dari Cascading Style Sheet yaitu sebuah bahasa yang digunakan untuk memformat sebuah tampilan
halaman website. CSS digunakan untuk mengatur letak dan komponen-komponen yang ada di halaman atau script HTML. Dengan menggunakan css maka tampilan web atau blog kita akan tampil dengan performance yang lebih indah di pandang mata. Kegunaan dari css ini banyak sekali. Nanti kita akan mencoba mengaplikasikannya ke dalam blog kita.

CSS bisa ditulis dengan file yang terpisah dan di akhiri dengan ekstensi [dot]css. Atau bisa juga disisipkan di halaman atau script html. Terserah sobat mau gunakan yang mana.

Mari kita amati contoh berikut :
<html>
  <head>
     <style>
          p{color:red; font-family:arial; background: gray;}
     </style>
  </head>
  <body>
    <p>Ini hanya contoh paragraf yang di atur menggunakan css. Sekarang coba amati apa yang terjadi. Perubahan apa yang nampak? </p>
  </body>
</html>


Coba simpan dengan ekstenti [dot]html karena kita menyisipkannya langsung di kode html.

Ini hanya contoh paragraf yang di atur menggunakan css. Sekarang coba amati apa yang terjadi. Perubahan apa yang nampak?


p{color:red; font-family:arial; background: gray;}
p disini merupakan selector ataupun nama elemen mana yang nantinya akan di format dengan css. 
{ ------------ } tag yang digunakan untuk mendeklarasikan script css.
color:red;  merupakan properti yang akan di beri nilai, disini kita ambil contoh color yaitu memberikan warna pada teks dengan nilai red atau merah.
Jangan lupa setiap penulisan harus di akhiri dengan tanda titik kome [;].

Silahkan di pahami terlebih dahulu ...
Load disqus comments

0 komentar