TUGAS CONTENT 08082015 (2)

2. CSS , seperti pengertian, perintah-perintahnya (lebih dari 20).
 Apa itu CSS ?

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.

CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.

Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web. 

PERINTAH PERINTAH:

selector , merupakan objek yang akan diatur atau dikendalikan, selector dapat berupa tag HTML murni seperti <h1>,<p>,<span> dan lainnya.

declaration block , merupakan blok yang mengatur atau mengendalikan selector, diawali dengan tanda kurawal buka '{' dan diakhiri dengan tanda kurawal tutup '}'. 

property dan value ,  ini merupakan 2 hal yang tidak bisa dipisahkan, dan sama - sama dituliskan di dalam declaration block. property, merupakan suatu attribut yang nilainya akan dirubah, sedangkan value merupakan nilai dari property tersebut.

Contoh:  p { text-align:center; }  <=>   p          = selector
                                         text-align = property
                                         center     = value

Penggunaan Multiple Property ::

Didalam satu baris perintah css, kita dapat menuliskan lebih dari satu property dengan menggunakan tanda ; sebagai pemisah.

contoh :

    p { text-align:center; color:blue; }

Baris perintah tersebut merubah text yang ada pada element p dengan rata tulisan tengah dan warna huruf biru.

Penggunaan Whitespace ::

Penggunaan spasi pada baris perintah css tidak akan berpengaruh apapun, coba perhatikan cara-cara penulisan kode berikut.
 

p{text-align:center;color:blue;}

p { text-align : center ; color : blue ; }

p { text-align:center; color:blue; }
 
p
{
  text-align:center;
  color:blue;
}

ke-empat penulisan kode tersebut menghasilkan hasil yang sama. ke-empatnya sama-sama mengatur elemen p dengan rata tulisan tengan dan huruf biru. Namun cara penulisan yang baik dapar anda lihat pada penulisan kode ke-tiga dan ke-empat.