Tutorial Pembuatan CSS Sederhana

PENGENALAN CSS

CSS = Cascading Style Sheet

Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna

tertentu.

MEMBUAT CSS

q  CARA PERTAMA :

      mengetikkan langsung dalam tag html sebagai atribut .

q  CARA KEDUA :

Menggunakan tag style  di dalam tag head.

Style definitions : adalah defenisi style yang ingin dibuat.
Format penulisannya adalah :

Selector  adalah tag yang digunakan web browser.

Property : value adalah efek dari style yang diinginkan untuk selector

q  CARA KETIGA :

Menyimpan informasi style ke dalam sebuah file dengan ekstensi/type file  css

Memanggil file css dalam html dengan tag link yang diletakkan dalam tag head.

Contoh :

<style type=“text/css” >

        hr { color : red ; height : 5px ; width : 50%; }

</style>

Keterangan :

Tag          adalah   style

Atribut      adalah   type=“text/css”

Selector   adalah   hr

Property   adalah   color, height, width

Value        adalah   red, 5px, 50%

ID SELECTOR dan CLASS

ID selector didefenisikan sendiri

ID selector diawali tanda # ( octothorpe)

CLASS diawali dengan tanda titik ( . )