Pemograman CSS - 2

Pemograman Css

Pemograman CSS - 2
Pemograman CSS - 2

Oke pada artikel sebelumnya kita bahas tentang pengertian CSS & Dasar dasarnya

Nahh sekarang kita lanjut ogheeeyy

Cekicroottt

Cara Menulis kode CSS dalam HTML

Penulisan kode CSS di HTML dapat dilakukan di dalam tag <style>. Tag tersebut dapat ditulis di dalam tag <head> atau <body>.

Kebanyakan orang menulisnya di dalam tag <head>. Perhatiakn contoh berikut ini:

<!DOCTYPE html>
<html>
<head>
<title>Contoh Penulisan kode CSS</title>

<style type="text/css">
    p { color: red }
</style>

</head>

<body>
    <p>Sebuah contoh paragraf yang sudah diberikan oleh kode CSS</p>
</body>
</html>

Selain dengan cara ini, ada dua cara lagi yang bisa digunakan:

  1. Inline CSS
  2. Eksternal CSS

Tips Belajar CSS

Ada beberapa tips yang ingin saya bagikan untuk membantu teman-teman dalam belajar CSS:

Tips #1: Cara Menghapal Kode dan Properti CSS

Ada ratusan properti CSS yang harus diingat.

Apakah kita akan mampu menghapal semuanya?

Tergantung…

Jika kamu sering mengetik kode CSS tanpa copas, bisa jadi ingatanmu terhadap kode atau properti CSS akan semkkin kuat.

Tips #2: Gunakan Inspect Elemen

Inspect elemen ada di setiap browser. Bisa dibuka dengan Klik kanan, lalu pilih Inspect Element.

Di inspect elemen, kita bisa menulis kode CSS secara langsung dan hasilnya pun akan langsung kita ketahui.

Menulis kode CSS di dalam Inscpect Element

Tups #3: Gunakan Cheat Sheet

Cheat Sheet adalah halaman yang berisi contekan kode CSS.

Tunggu dulu…

Contekan?

Apakah boleh?

Ya tentu saja boleh.

Ini kan bukan ujian.

Kamu bisa mencari cheat sheet CSS di Google dengan kata kunci “CSS Cheat Sheet”.

CSS Cheat Sheet

Silahkan di-download, lalu di-print.

Setelah itu bisa ditempel di depan meja atau ditaruh di atas meja.

Kapanpun butuh contekan, kita bisa melihatnya. ????

Apa Selanjutnya?

Kita sudah mengenal hal dasar dalam CSS seperti:

  1. Stuktur Dasar CSS yang terdiri dari

    • Selektor;
    • Blok deklarasi;
    • dan properti.
  2. Cara menulis CSS di HTML.

Lalu apa selanjutnya?

Selanjutnya silahkan pelajari lebih dalam tentang Selektor dan latihan dengan beberapa properti yang sering digunakan.

Selamat belajar…

What's Your Reaction?

like
0
dislike
0
love
0
funny
0
angry
0
sad
0
wow
0