CSS BASICUKM PROGRESS

STRUKTUR CSS

SELECTOR PROPERTY VALUE

PENEMPATAN CSS

INLINE CSS

INTERNAL CSS

EXTERNAL CSS

INLINE CSS

INTERNAL CSS

EXTERNAL CSS

File style.css

File index.html

SELECTOR CSS

ELEMENT SELECTOR

ID SELECTOR

CLASS SELECTOR

ELEMENT SELECTOR

File style.css

File index.html

ID SELECTOR

File style.css

File index.html

CLASS SELECTOR

File style.css

File index.html

PERBANDINGAN SELECTOR

ELEMENT SELECTOR ID SELECTOR CLASS SELECTOR

PROPERTY CSS (BASIC)

COLOR

BACKGROUND-COLOR

FONT-SIZE

MARGIN

PADDING

POSITION

TOP, BOTTOM,LEFT,RIGHT

FLOAT

WIDTH & HEIGHT

PROPERTY COLOR (EXTERNAL CSS)

PROPERTY BACKGROUND-COLOR (EXTERNAL CSS)

PROPERTY MARGIN (EXTERNAL CSS)

HASIL PROP. MARGIN

SEBELUM MENGGUNAKAN MARGIN SETELAH MENGGUNAKAN MARGIN

PROPERTY PADDING (EXTERNAL CSS)

HASIL PROP. PADDING

SEBELUM MENGGUNAKAN PADDING SETELAH MENGGUNAKAN PADDING

PROPERTY POSITION (EXTERNAL CSS)

HASIL PROP. POSITION

SEBELUM MENGGUNAKAN POSITION SETELAH MENGGUNAKAN POSITION

PROPERTY TOP, BOTTOM, LEFT, RIGHT (EXTERNAL CSS)

HASIL PROP. TOP BOTTOM LEFT RIGHT

SEBELUM MENGGUNAKAN SETELAH MENGGUNAKAN

PROPERTY FLOAT (EXTERNAL CSS)

HASIL PROP. FLOAT

SEBELUM MENGGUNAKAN FLOAT SETELAH MENGGUNAKAN FLOAT

PROPERTY WIDTH & HEIGHT (EXTERNAL CSS)

HASIL PROP. WIDTH & HEIGHT

SEBELUM MENGGUNAKAN WIDTH & HEIGHT SETELAH MENGGUNAKAN WIDTH & HEIGHT