Recommended
More Related Content
Similar to CSS Desain
Similar to CSS Desain (20)
CSS Desain
- 1. CSS – Desain Media Interaktif Hilda Ayu Monica, S.I.Kom
- 2. “Membuat Style pada multimedia berbasis halaman web dan media interaktif”
- 3. CSS singkatan dari Cascading Style Sheets. Jika diterjemahkan ke dalam Bahasa Indonesia secara harfiah, CSS artinya “ Lembar penataan menurun “
- 4. CSS singkatan dari Cascading Style Sheets. Jika diterjemahkan ke dalam Bahasa Indonesia secara harfiah, CSS artinya “ Lembar penataan menurun “ Secara konteks, Cascading Style Sheet adalah kumpulan perintah yang digunakan untuk menjelaskan tampilan sebuah halaman situs web dalam mark-up language.
- 5. Mark-up language atau dalam bahasa indonesia disebut markah adalah bahasa pemograman yang biasa digunakan untuk membuat website.
- 6. • Aturan yang digunakan untuk menampilkan elemen / tagHTML • Dibuat terpisah dengan HTML • Bertujuan untuk memisahkan konten dan style • 1 CSS dapat digunakan untuk banyak halaman HTML • 1 halaman HTML dapat terlihat berbeda jika menggunakan CSS yang berbeda pula.
- 7. • 1 CSS dapat digunakan untuk banyak halaman HTML
- 8. • 1 HTML dapat tampil berbeda dengan CSS berbeda
- 9. • 1 HTML dapat tampil berbeda dengan CSS berbeda
- 10. ANATOMI CSS Terdapat 5 macam SELECTOR di CSS • Selector TAG • Selector CLASS • Selector ID • Selector Atribut • Selector Universal
- 11. Selector { property: value;} ANATOMI CSS H1 { color: blue;} H1 {font-family:”courier new”;text- align:center;font-size : 30px;color;blue;}
- 12. ANATOMI CSS SELECTOR Digunakan untuk memilih dan memanipulasi elemen spesifik pada HTML Elemen HTML dipilih berdasarkan tag, id , class, bahkan pola semakin komplek struktur HTML, Selector juga bisa semakin komplek. H1 { color: blue;} CSS, pilih seluruh elemen h1, lalu ubah teks didalamnya menjadi warna biru.
- 13. ANATOMI CSS SELECTOR Digunakan untuk memilih dan memanipulasi elemen spesifik pada HTML Elemen HTML dipilih berdasarkan tag, id , class, bahkan pola semakin komplek struktur HTML, Selector juga bisa semakin komplek. H1 { color: blue;} CSS, pilih seluruh elemen h1, lalu ubah teks didalamnya menjadi warna biru.
- 14. ANATOMI CSS
- 15. ANATOMI CSS
- 16. ANATOMI CSS
- 17. ANATOMI CSS
- 23. PROPERTY DAN VALUE CSS
- 24. PROPERTY DAN VALUE CSS
- 25. PROPERTY DAN VALUE CSS
- 26. PROPERTY DAN VALUE CSS
- 27. PROPERTY DAN VALUE CSS
- 28. PROPERTY DAN VALUE CSS
- 29. PROPERTY DAN VALUE CSS
- 30. PROPERTY DAN VALUE CSS 6. BORDER
- 31. PROPERTY DAN VALUE CSS 6. BORDER
- 32. PROPERTY DAN VALUE CSS 6. BORDER
- 33. PROPERTY DAN VALUE CSS 6. BORDER
- 34. PENEMPATAN CSS 1. EMBED <Style> </Style> <head> <style type=“text/css”> H1 {color : read;} </style> </head>
- 35. PENEMPATAN CSS 2. INLINE <h1 style=“color: red;” H1 dengan CSS </h1>
- 36. PENEMPATAN CSS 3. EXTERNAL CSS <head> <link rel =“stylesheet” href=“style.css”></head>