16
anatomy {CSS}

CSS Dasar #2 : Anatomy CSS

Embed Size (px)

Citation preview

Page 1: CSS Dasar #2 : Anatomy CSS

anatomy{CSS}

Page 2: CSS Dasar #2 : Anatomy CSS

selector { property: value; }

Page 3: CSS Dasar #2 : Anatomy CSS

h1 { color: blue; }

selector

property

value

Page 4: CSS Dasar #2 : Anatomy CSS

h1 {font-family: “Courier New”;text-align: center; font-size: 30px; color: blue;

}

font-family: “Courier New”;text-align: center; font-size: 30px; color: blue;

Page 5: CSS Dasar #2 : Anatomy CSS

selector { property: value; }

Page 6: CSS Dasar #2 : Anatomy CSS

Selector

• Digunakan untuk memilih dan memanipulasi elemen spesifik pada HTML.

• Elemen HTML dipilih berdasarkan tag, id, class bahkan pola / pattern.

• Semakin kompleks struktur HTML, selector juga bisa semakin kompleks / spesifik

Page 7: CSS Dasar #2 : Anatomy CSS

Selector

h1 { color: blue; }

dibaca: CSS, pilih seluruh elemen h1, lalu ubah teks didalamnya menjadi berwarna biru

Page 8: CSS Dasar #2 : Anatomy CSS

selector { property: value; }

Page 9: CSS Dasar #2 : Anatomy CSS

Property & Value

Page 10: CSS Dasar #2 : Anatomy CSS

Property & Value

350++

Page 11: CSS Dasar #2 : Anatomy CSS

Property & Value

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

http://css-tricks.com/almanac

Page 12: CSS Dasar #2 : Anatomy CSS

sekian.

Page 13: CSS Dasar #2 : Anatomy CSS

next?

Page 14: CSS Dasar #2 : Anatomy CSS

Let’s code!

Page 15: CSS Dasar #2 : Anatomy CSS

like

subscribe

share

commentchannel YouTube :

webProgrammingUNPAS