Tutorial CSS untuk Pemula: Apa sih CSS..? Lihat Sini Pengertiannya

Halo gan.. kalo kita mau membuat website, ada lagi yang harus kita pelajari setelah belajar HTML.. yakni CSS.. apa itu..?

Pernah denger..?

Mari kita bahas..

tutorial css untuk pemula

Pengertian CSS

CSS punya kepanjangan Cascading Style Sheet.. CSS adalah kumpulan kode yang diperuntukkan untuk mengatur dan mendesain tampilan halaman web..

..jadi dengan CSS, kita bisa mendesain jenis huruf, warna huruf, ukuran huruf, perataan teks, gambar, background, dan banyak lainnya..

Cara kerja CSS adalah dengan menerapkan kode CSS pada tiap tag HTML yang ingin didesain tampilannya..

HTML dan CSS ini tak dapat dipisahkan, mereka selalu bersama karena saling terikat satu sama lain.. HTML untuk struktur dan konten halaman web.. sedangkan CSS untuk mendesain tampilannya..

HTML is for content. CSS is for presentation.

Contoh penerapan kode CSS ke tag HTML

Supaya lebih mudah dipahami, kita langsung praktikkan aja.. contohnya, kita ingin mendesain warna teks paragrafnya menjadi biru..

Kode CSS diapit oleh tag <style>.. ada cara lainnya juga untuk memasukkan kode CSS ke kode HTML.. tapi itu akan kita bahas selanjutnya..

Seperti ini kodenya:
<!DOCTYPE html>
<html>
  <head>
    <title>Belajar CSS</title>
    <style>
     p {
        color: blue;
     }
    </style>
  </head>

  <body>
    <p>Ini adalah paragraf pertama yang akan hurufnya berwarna merah karena diatur oleh kode CSS</p>

     <p>Ini adalah paragraf kedua yang akan hurufnya berwarna merah karena diatur oleh kode CSS</p>

     <p>Ini adalah paragraf ketiga yang akan hurufnya berwarna merah karena diatur oleh kode CSS</p>
  </body>
</html>

Lalu simpan dengan nama belajar-css.html di dalam folder belajar_css (buat dulu ya kalo belum ada).. Kemudian buka dengan web browser..

tutorial css untuk pemula

Seperti itulah jadinya.. teks paragraf warnanya menjadi biru karena diatur oleh kode CSS..

Begitulah pengertian dan fungsi dari CSS ini.. sekarang udah tau kan..?

Next.. kita bahas aturan penulisan kode (syntax) CSS..

Tag : Tutorial CSS
0 Komentar untuk "Tutorial CSS untuk Pemula: Apa sih CSS..? Lihat Sini Pengertiannya"