CSS DASAR CSS DASAR CSS DASAR CSS DASAR Tentang CSS Kegunaan CSS Aturan Penulisan CSS Background CSS Font CSS Teks CSS Border Margin Contoh Layout Web menggunakan CSS CSS (Cascading Style Sheet) adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan. Keuntungan menggunakan CSS Keuntungan menggunakan CSS Keuntungan menggunakan CSS Keuntungan menggunakan CSS · Memisahkan presentastion presentastion presentastion presentastion sebuah dokumen dari content content content content document itu sendiri. · Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen web · Mempercepat proses rendering/pembacaan HTML
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
CSS DASAR CSS DASAR CSS DASAR CSS DASAR
� Tentang CSS
� Kegunaan CSS
� Aturan Penulisan
� CSS Background
� CSS Font
� CSS Teks
� CSS Border
� Margin
� Contoh Layout Web menggunakan CSS
CSS (Cascading Style Sheet) adalah standard pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi lebih ringkas sehingga tidak terjadi pengulangan tulisan.
Keuntungan menggunakan CSS Keuntungan menggunakan CSS Keuntungan menggunakan CSS Keuntungan menggunakan CSS
· Memisahkan presentastionpresentastionpresentastionpresentastion sebuah dokumen dari contentcontentcontentcontent document itu sendiri.
· Mempermudah dan Mempersingkat pembuatan dan pemeliharaan dokumen web
· Mempercepat proses rendering/pembacaan HTML
� Inline style sheet Penulisan didalam elemen HTML
� Comments biasanya di gunakan oleh programmer untuk memudahkan mengingat kembali script yang sudah di tulisnya,
� Comments di CSS hampir sama dengan comments di C atau C++ yaitu dengan menggunakan:/* isi Comments *//* isi Comments *//* isi Comments *//* isi Comments */
Contoh:
H1 { color:blue;} H1 { color:blue;} H1 { color:blue;} H1 { color:blue;} /* H1 elements akan menjadi biru *//* H1 elements akan menjadi biru *//* H1 elements akan menjadi biru *//* H1 elements akan menjadi biru */
Tags.H1.color = Tags.H1.color = Tags.H1.color = Tags.H1.color = ““““blueblueblueblue””””; ; ; ; /* H1 menjadi biru *//* H1 menjadi biru *//* H1 menjadi biru *//* H1 menjadi biru */
�
Selector Selector Selector Selector
Terdiri dari tag,class,ID
Declaration Declaration Declaration Declaration
Mendeskripsikan property dan value
h1{ color:brown; }
Keterangan :
Selector : H1 Properti : Color Value : brown
Tag/Elemen Tag/Elemen Tag/Elemen Tag/Elemen
Setiap tag yang ada pada HTML bisa dijadikan selector