Cara Menulis CSS | Cara Membuat CSS

Selasa, 24 Desember 2013

Cara Menulis Membuat CSS
Cara Menulis Membuat CSS

Dalam Menuliskan ataupun Membuat CSS, ada beberapa hal yang harus teman-teman ketahui yaitu Syntax (aturan penulisan) dan Jenis dari CSS.

Agar lebih mudah dipahami, maka akan saya bgi Tutorial ini menjadi dua bagian yaitu Syntax dan Jenis CSS.

Syntax CSS ( Aturan Penulisan CSS )


Yang saya tahu, aturan penulisan dalam CSS itu cukup dengan mengapit kode property dengan simbol kurung kurawal '{ }' dan akhiri dengan declaration separator ';'.

Contoh mudahnya jika kita ingin mengganti warna background blog maka cukup teman-teman apit property dengan simbol kurung kurawal tadi dan juga akhiri dengan tanda separator ';'.

Contoh Pendeklarasian ke dalam CSS :

body {
  1. backgroundpink;
}

Ohiya lupa, saya ada gambar yang akan menjelaskan bagian-bagian dari CSS diantaranya Apa itu Selector, Property, Value dan Declaration Separator.

cara menulis css selector property value

Nah, sudah cukup jelas bukan ? intinya sesekarang setiap property harus diakhiri dengan Declaration Separator khusus untuk property terakhir atau property yang jumlahnya hanya satu, tidak menggunakan separator tidak masalah. Sekarang kita lanjutkan ke dalam Jenis CSS.

Jenis CSS ( Macam-macam CSS )


CSS sendiri mempunyai dua macam yaitu internal dan eksternal.

CSS Internal adalah CSS yang berada di dalam kode HTML, contohnya :

<body style="background; pink;">

Jadi kita tidak cukup menuliskan CSS langsung di HTML.

Sementara untuk yang CSS Eksternal adalah CSS yang berada di luar file HTML, jadi untuk menggunakan CSS tersebut diperlukan teknik khusu, yaitu menggunakan.

<link rel="stylesheet" href="domain.com/blabla.css" type="text/css">

Setelah dipanggil, kita bisa langsung menggunakannya, misalnya untuk memberi ID atau Class pada Div.

Cara Menulis CSS | Cara Membuat CSS


Saya contohkan sedikit mengenai penulisan CSS.

Jika kita ingin Mengubah Warna Link cukup tambahkan :

a {
  1. colorred;
}

Sementara jika ingin Menguah Ukuran Font Judul Blog maka cukup teman-teman tambahkan kode CSS ini :

h1 {
  1. font-size24px;
}

Seluruh value bisa teman-teman ganti sesuai selera.

Mungkin ini dulu dari saya, maaf jika Tutorial mengenai Cara Menulis danMembuat CSS ini terlalu dasar, karena memang saya baru belajar juga di Dunia CSS.

Artikel Terkait dengan Cara Menulis CSS | Cara Membuat CSS

  1. ruwet juga ya mba..lam kenal n sukses slalu

    BalasHapus
    Balasan
    1. hihi, biasa aja kok mas, yap sukses juga untuk untukmu mas

      Hapus
    2. salut.....tutorial yang sangat langka...!

      Hapus
  2. informasi yg bagus :) selector, property dan value memang tidak terpisahkan dalam css.

    Seperti kita berdua. hihi :D

    BalasHapus
  3. saya masih belum banyak mangerti tentang css, tapi ilmu ini cukup untuk mengisi pengetahuan saya tentang css. trims ya.

    salam kenal and happy blogging !

    BalasHapus
  4. Tutorialnya bagus dan mudah dimengerti. Hehehehe... Kebetulan saya juga lagi review materi CSS kembali. :) Oh y, sekedar menambahkan. Untuk peletakkan kode CSS ada 3 macam:
    a. Internal CSS
    b. Inline CSS
    c. External CSS
    Saya berikan link referensinya. Soalnya mau kasih contoh, penggunaan HTML via komentar dilarang dari bloggernya.
    Linknya: http://majalahweb.com/2008/12/pengenalan-css/

    Mungkin itu saja. Intinya sieh, peletakkan kode CSS ada 3 macam cara, yaitu Internal, Inline, Eksternal. Btw, salam kenal. :) Happy coding

    BalasHapus