Thursday, April 3, 2014

Dasar CSS dalam HTML


Soblohane.blogspot.com---CSS adalah singkatan dari Cascading Style Sheets. CSS digunakan untuk mendesain tampilan dari html, jadi intinya jika kalian mau belajar css, belajar lah dulu html . CSS  dapat digunkana untuk meringkas pekerjaan.CSS mempunyai kode kode untuk mendesain tampilan html kalian ke bentuk yang berkualitas.


Penulisan kode css ( SYNTAX )
dalam penulisan kode css, itu BERBEDA dengan kode-kode html ... di dalam css terdapat selector dan declarations .. lihat gambar dibawah ini :


Selector : 
Simbol kode - kode yang di pakai untuk nantinya dapat di terapkan pada html ,sebagai contoh ( body, h1,h2,h3,a,header,outerwrapper, dan lain sebagainya .

Declaration :
Bisa kita lihat dari contoh di atas bahwa di dalam declaration terdapat pula properti - properti  dan juga value ..jadi intinya declaration itu adalah kumpulan dari properti dan juga value .yang di ringkas dalam satu paket dengan awalan pembuka "{" dan di tutup dengan "}".

Property :
proeprty adalah atribut - atribut style yang dapat kalian ubah .untuk mendesain html sesuai ke butuhan blog / web kalian . dalam setiap properti memiliki Value ( nilai ).

Value :
Value adalah nilai - nilai dari property seperi yang telah aldi jelaskan tadi sebelumnya.

css comment : ( tulisan yang tidak terbaca oleh mesin ) atau biasa di sebut comment.

Cara Menggunakan CSS ada 3 cara yaitu :
1 . External style sheet
2 . Internal style sheet
3 . Inline style

1. Embedded Style Sheet
    Embedded  Style  Sheet  adalah  cara  penulisan  kode  dimana  penulisan  CSS  dilakukan  pada 
    tag  HTML,  yaitu  pada  tag  <style>  ...  </style>  dan  sebelum  tag  <body>.  Pada  tag  tersebut 
    akan disisipkan kode CSS yang akan digunakan oleh tag HTML.

    Cara Menggunakan Sintaknya :


    Contoh Programnya :
    


2. Inline Style Sheet
    Inline Style Sheet  adalah cara penggunaan CSS langsung pada tag HTML yang di butuhkan 
    saja. Cari ini dilakukan umumnya dikarenakan hanya sedikit properti yang dibutuhkan.

   Cara Menggunakan Sintaknya :



3. Linked Style Sheet
    Linked  Style  Sheet  adalah  cara  yang  dianjurkan  untuk  menggunakan  kode  css  dengan 
    HTML.  Metode  ini  merupakan  cara  pengerjaan  dimana  antara  kode  css  dan  HTML  di 
    pisahkan.  Untuk  menggunakan  kode  css  yang  telah  dipisahkan  ini,  maka  dalam  kode  html 
    dibuat  skrip  yang  isinya  adalah  memanggil  file  css  tersebut  untuk  digunakan  dalam  kode 
    html.  Untuk  me-link/memanggil  kode  css  di  dalam  kode  html,  bisa  menggunakan  kode 
    berikut.

    Cara Menggunakan Sintaknya :


itu tentang dasar CSS di HTML. Semoga Bermanfaat, Terima Kasih Atas Kunjungannya.


0 comments:

Post a Comment

 
Copyright © . So Blog Ane - Posts · Comments
Change Our Weakness to Strength | · Powered by Blogger