CSS ( Cascading Style Sheet)

CSS ( Cascading Style Sheet)

Konsep CSS CSS digunakan dalam kode HTML untuk menciptakan sekumpulan style yang digunakan untuk memperluas kemampuan HTML. Penggunaan CSS Selector {Property : Value;} Selector adalah elemet atau tag HTML normal yang ingin di definisikan. Properti adalah atribut yang ingin dipilih dan masing-masing properti dapat diberikan sebuah nilai(Value). Jenis-jenis CSS Inline : digunakan langsung terhadap tag yang berbeda didalam BODY dengan menggunakan atribut STYLE, untuk melakukan pengaturan dengan properti-properti CSS. Internal : properti-properti CSS diatur diantara tag STYLE yang diletakkan diantara tag HEAD. External : pendefinisian STYLE dilakukan pada file tersendiri, untuk mengakses STYLE External maka diperlukanlah tag LINK. Mengatur FONT dan TEKS Properti font-size : mengatur besar huruf. Absolut xx-small - sangat kecil x-small - agak kecil small – kecil medium - medium large - besar x-large – agak besar xx-large – sangat besar Relatif large – lebih besar smaller – lebih kecil Panjang dan Satuan suatu bilangan diikuti dengan : px, in, cm, mm, pt, pc, em, en. Keterangan : px : pixel in : inci cm : centimeter mm : milimeter pt : titik pc : pica em : tinggi font en : separuh tinggi font Persentase suatu bilangan diikuti dengan tanda %. contoh : 100%. Property font-family : digunakan untuk menenntukan nama font. Property font-style : digunakan untuk mengatur teks agar dimiringkan atau tidak. Property font-indent : digunakan untuk melakukan indentasi (membuat baris pertama agak ke kanan). Property line-height : digunakan untuk menentukan jarak vertikal antara satu baris dengan baris diatas ataupun yang berada di bawahnya. Property text-decoration : digunakan untuk mengatur teks agar digaris bawahi, dicoret atau dibuat berkedip. None : teks tanpa pariasi. Underline : teks digaris bawahi. line through : teks dicoret. Blink : teks berkedip (namun pada kenyataannya tidak semua browser mendukung properti/nilai Blink ini). Property font-weight : digunakan untuk menebalkan atau menipiskan teks. Normal : meyatakan bentuk normal. Bold / Bolder : teks digaris bawahi. Lighter : teks dicoret. Property text-transform : digunakan untuk melakukan konversi terhadap teks. None : teks tidak dikonversi. Capitalize : awal setiap kata dikonversi menjadi huruf kapital. Uppercase : setiap huruf kecil akan dirubah menjadi huruf kapital. Lowercase : setiap huruf kapital akan dirubah menjadi huruf kecil. Property text-align : digunakan untuk mengatur tata letak teks pada arah horisontal. Left : rata kiri. Right : rata kanan. Center : teks berada ditengah-tengah baris. Justify : teks akan rata kiri dan kanan.

Sumber : Materi Kuliah – Pemrograman Web (2010)