Bagian elemen html yang akan ditunjuk untuk mengatur style merupakan bagian dari css

1. Definisi CSS (Cascading Style Sheet)Cascading Style Sheet atau lebih sering disebut dengan istilah CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya (style) tampilan website. Penggunaan dari CSS dalam pembuatan web akan memberikan beberapa manfaat seperti berikut ini :
   • Kode HTML menjadi lebih sederhana dan lebih mudah diatur.
   • Ukuran file menjadi lebih kecil sehingga load file lebih cepat.
   • Mudah untuk mengubah tampilan, hanya dengan mengubah file CSS saja.
   • Dapat berkolaborasi dengan JavaScript dan merupakan pasangan setia HTML.
   • Dapat digunakan dalam hampir semua jenis web browser.
2. Anatomi dari CSS (Cascading Style Sheet)Bagian – bagian utama dari sebuah CSS itu terdiri dari tiga bagian yaitu: selector, property, value. Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML maka dalam CSS juga dikenal dengan sebutan selector.
   

   Bagian CSS	Keterangan
   Selector	Ø  Nama-nama yang diberikan untuk style-style yang berbeda, baik itu style internal maupun eksternal .Ø  Bagian elemen HTML yang akan ditunjuk untuk mengatur style . Ø  Dapat berupa class dan ID.
   Property	Ø  Aturan dalam CSS untuk mengubah selector yang dipilih.Ø  Property mempunyai nilai yang disebut dengan value. Ø  Properties di dalam tanda { }
   Value	Ø  Merupakan nilai dari property CSS.

3. Pengaturan Warna Pada Teks/ColorCSS dapat terapkan untuk mengatur warna dari teks. Pengaturan warna teks dengan CSS dapat menggunakan nilai warna sebagai berikut :
   • nilai HEX misalnya, “#ff0000″
   • nilai RGB misalnya, “rgb(255,0,0)”
   • nama dari warna tersebut misalnya “red”

   Format penulisan untuk pemberian warna pada text menggunakan CSS adalah sebagai berikut :

   selector {color:nilai warna}

4. Pengaturan Spasi Antar Karakter/Letter-SpacingSalah satu style dari CSS adalah letter-spacing yang dapat digunakan untuk memberikan jarak (spasi) antar karakter atau huruf. Format penulisan CSS untuk pengaturan jarak (spasi) antar karakter atau huruf adalah sebagai berikut :

   selector { letter-spacing:nilai spasi;}

5. Pengaturan Bentuk-Bentuk Teks/Decoration
   Pengaturan bentuk teks menggunakan properti text-decoration bertujuan untuk mengatur atau menghapus dekorasi dari teks. Format penulisan CSS untuk mengaturan dekorasi teks adalah sebagai berikut :selector {text-decoration : nilai text-decoration }

   Nilai dari text-decoration dapat berupa overline, line-through, underline dan none yang berarti tanpa dekorasi .

6. Pengaturan Spasi Antar Kata/ Word-SpacingSalah satu style dari CSS adalah word-spacing yang dapat digunakan untuk memberikan jarak (spasi) antar kata. Format penulisan CSS untuk pengaturan jarak (spasi) antar karakter atau huruf adalah sebagai berikut :selector { word-spacing:nilai spasi;}

   Besarnya nilai spasi dapat ditentukan dalam satuan cm maupun px.

7. Pengaturan Jarak Identasi Paragraph/Text-IndentText-indent menentukan jarak inden dari baris pertama dalam teks-blok, sehingga teks pada baris pertama terlihat lebih menjorok kedalam dibanding teks pada baris yang lain. Format penulisan untuk pengaturan jarak indentasi text adalah sebagai berikut :selector { text-indent:nilai indent}
8. Pengubahan Huruf Besar dan Huruf Kecil Dari Sebuah Teks/Text-TransformTeks-transform properti digunakan untuk menentukan huruf besar dan kecil dalam teks. Format penulisan CSS untuk pengaturan text indent adalah sebagai berikut :

   selector { text-transform:nilai text transform}

   Nilai text transform dapat diisi dengan uppercase,lowercase, capital. Pada listing kode berikut terlihat CSS dituliskan dalam bentuk CLASS p.besar, p.kecil dan p.kapital.

9. Pemberian Efek Bayangan Pada Teks/Text ShadowText-shadow digunakan untuk memberikan efek bayang pada sebuah teks. Berikut adalah format penulisan CSS dengan text-shadow :

   Selector { text-shadow: koordinatX koordinatY nilaiWarnaTeksBayangan;}

10. Pengaturan Text AlignmentProperti text-align digunakan untuk mengatur alignment horizontal teks. Teks dapat ditulis rata kiri, rata kanan, rata kanan kiri ataupun ditulis center. Ketika text-align diset “justify”, setiap baris memiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan surat kabar). Format penulisan CSS untuk text alignment :

    selector {text-align:nilai text-align;}

Sumber : Surya P Kadek dan Endah Damayanti, Buku Pemrograman Web kelas XI, Malang;