http://www.bambangherlandi.web.id
CSS (Cascading Style Sheet) 
Secara singkat adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, 
Seperti: font, color, text dan table. 
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. 
Dikembangkan oleh W3C (World Wide Web Consortium) pada tahun 1996.
Mempersingkat penulisan tag HTML. 
Mempercepat proses rendering atau pembacaan HTML karena tidak terdapat pengulangan penulisan. 
Mudah dan cepat dalam me-maintenance. 
CSS bisa melakukan apa saja yang tidak bisa dilakukan oleh HTML. Misalnya memberi warna pada input box.
Inline Style Sheet 
Perintah CSS diletakkan langsung di dalam dokumen HTML. 
<p style="color:#00FF00">Belajar CSS</p>
Embedded Style Sheet (dituliskan di dalam body) 
<style type=“text/css”> 
H1 {color: red} 
h2 {color: blue; font-family:Verdana; font-size:36px;} 
body {background-color:#CCCCCC; font- family:Arial; font-size:12px;} 
p { 
font-family:Arial; 
font-size:10px; 
color:#000000;} 
</style>
Linked Style Sheet 
ď‚§Diletakkan pada bagian HEAD dari sebuah dokumen HTML 
<link href=“website.css” rel=“stylesheet” type=“text/css” > 
ď‚§Contoh isi dari file website.css 
body { 
font-family: verdana; 
font-size: 12px; 
background-color: #DEDEDE; 
margin-top: 0px; 
margin-bottom: 0px; 
}
Penulisan CSS terdiri dari: 
Selector 
Property 
Value 
Contoh: 
body { 
background-color: #DEDEDE; 
}
Cara penulisan komentar pada CSS adalah: 
/* isi komentar */
Tag/ Elemen HTML 
Class 
ID 
Kontektual 
Spesificity
Grouping 
Inheritance
Buat sebuah halaman website dengan menggunakan metode LAYOUT dan CSS 
Terdiri dari 3 halaman html dan 1 dokumen css 
Halaman 1 berupa halaman utama 
Halaman 2 berupa biodata 
Halaman 3 berupa kesan belajar CSS 
Semuanya menggunakan penulisan CSS
Kupas Tuntas CSS, Dominikus Juju, Elexmedia Komputindo, Bogor, 25 Desember 2006. 
Berbagai sumber online dan offline.

Belajar CSS (cascading style sheet)

  • 1.
  • 2.
    CSS (Cascading StyleSheet) Secara singkat adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, Seperti: font, color, text dan table. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dikembangkan oleh W3C (World Wide Web Consortium) pada tahun 1996.
  • 3.
    Mempersingkat penulisan tagHTML. Mempercepat proses rendering atau pembacaan HTML karena tidak terdapat pengulangan penulisan. Mudah dan cepat dalam me-maintenance. CSS bisa melakukan apa saja yang tidak bisa dilakukan oleh HTML. Misalnya memberi warna pada input box.
  • 4.
    Inline Style Sheet Perintah CSS diletakkan langsung di dalam dokumen HTML. <p style="color:#00FF00">Belajar CSS</p>
  • 5.
    Embedded Style Sheet(dituliskan di dalam body) <style type=“text/css”> H1 {color: red} h2 {color: blue; font-family:Verdana; font-size:36px;} body {background-color:#CCCCCC; font- family:Arial; font-size:12px;} p { font-family:Arial; font-size:10px; color:#000000;} </style>
  • 6.
    Linked Style Sheet Diletakkan pada bagian HEAD dari sebuah dokumen HTML <link href=“website.css” rel=“stylesheet” type=“text/css” > Contoh isi dari file website.css body { font-family: verdana; font-size: 12px; background-color: #DEDEDE; margin-top: 0px; margin-bottom: 0px; }
  • 7.
    Penulisan CSS terdiridari: Selector Property Value Contoh: body { background-color: #DEDEDE; }
  • 8.
    Cara penulisan komentarpada CSS adalah: /* isi komentar */
  • 9.
    Tag/ Elemen HTML Class ID Kontektual Spesificity
  • 10.
  • 11.
    Buat sebuah halamanwebsite dengan menggunakan metode LAYOUT dan CSS Terdiri dari 3 halaman html dan 1 dokumen css Halaman 1 berupa halaman utama Halaman 2 berupa biodata Halaman 3 berupa kesan belajar CSS Semuanya menggunakan penulisan CSS
  • 12.
    Kupas Tuntas CSS,Dominikus Juju, Elexmedia Komputindo, Bogor, 25 Desember 2006. Berbagai sumber online dan offline.