Anda di halaman 1dari 16

Tutorial CSS

Created by agus.setyawan@hotmail.com
By PresenterMedia.com

Pengertian CSS

CSS adalah singkatan dari Cascading Style Sheets CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML

Keuntungan Penggunaan CSS

Dapat membuat pengaturan untuk semua halaman Perubahan bisa terjadi untuk semua halaman yang menggunakan CSS tersebut

Kekurangan Penggunaan CSS

Tidak semua browser dapat mengartikan fungsi CSS Apabila Browser tidak support maka tampilan berantakan.

Syntax CSS
Format CSS :

Pengelompokan Selectors

Penggunaan Banyak Properties

Penulisan yang baik

Implementasi CSS

Inline CSS Embed External CSS Import CSS File

Inline CSS
Kode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan cara ini tidak me merlukan penulisan selector dalam kode CSS. Cara ini sebaiknya hanya digunakan jika anda mau memformat suatu elemen satu kali saja.

Embedded CSS
Anda bisa juga menempelkan kode CSS di antara tag <head> dan </head>. Penulisan CSS dengan cara ini diawali dengan tag <style> dan diakhiri dengan tag </style>.

External CSS
Kode CSS external di tulis dalam satu file terpisah yang disimpan dengan akhiran .css. File tsb merupakan satu set kode CSS yang digunakan untuk semua halaman web anda. Pengaturan CSS (dlm 1 File)

External CSS
Pengaturan CSS (dlm 1 File)

Pengaktifan CSS di file yang berbeda

Import CSS
Meng-import CSS ke dalam suatu halaman website menggunakan tag import.

Class Selector
Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali.
Cara Penulisan Class Selector

Cara Menempelkan Class ke dalam Tag HTML

Contoh Class Selector

http://belajarcss.com http://bee-tutorial.blogspot.com

SOURCE MATERI

Anda mungkin juga menyukai