Pengenalan CSS | Belajar CSS Dasar #1

Sebelum kita belajar CSS alangkah lebih baik jika kita mengerti apa itu yang dimaksud CSS. Menurut diriku sih CSS adalah sebuah code-code yang digunakan untuk mengatur format apapun yang ada di file HTML. Penggunaan Cascading Style Sheet (CSS) tidak memerlukan sofware khusus namun hanya dengan notepad anda sudah bisa belajar membuat script CSS sendiri.

Lebih lanjutnya, CSS adalah :

1. CSS singkatan dari Cascading Style Sheets 
2. Styles didefinisikan bagaimana manampilkan elemen HTML 
3. Styles umumnya disimpan ke dalam Style Sheet.
4. Styles ditambahkan HTML untuk membantu pekerjaan 
5. External Style Sheets dapat membantu banyak pekerjaan 
6. ExternalStyle Sheet disimpan dalam CSS files
7. Multiple Style dapat didefinisi banyak jendela menjadi satu

Kenapa menggunakan CSS ?, Jika kita menggunakan script CSS ada banyak manfaat yang diperoleh yaitu :

• Ukuran file lebih kecil 
• Load file lebih cepat 
• Dapat berkolaborasi dengan JavaScript 
• Pasangan setia XHTML
• Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS. 
• Mudah mengganti-ganti tampilan dengan hanya merubah file CSS nya saja. 
• Dan banyak lagi yang lainnya.

Dalam penulisan script CSS juga punya ketentuan. Misalnya :

selector { property1: value; property2:value, . . .}
#Selector 

Bagian pertama sebelum tanda “{}” disebut selector. Selector adalah tag html yang umumnya anda ketahui

#Declaration 

Terdiri  dari  property  dan  nilainya. Property  adalah  atribut  yang  kamu  ingin  ubah  dan  tiap  property mempunyai nilai/value.

 Contoh penulisan yang paling dasar contohnya :

p {text-align=center; color=white;}
Ketentuan :
#p adalah tag yang digunakan untuk membuat paragraph
#text-align adalah property yang digunakan untuk memformat perataan text
#center adalah value dari property text-align yang digunakan untuk meratakan text di tengah

Jadi setelah dirimu membuat script CSS ini maka secara otomatis ketika dirimu menggunaan tag p akan mengikuti format yang sudah ditentukan tadi.

Oh ya, perlu di ingat bahwa ada beberapa ketentuan khusus dalam penulisan script CSS ini. yaitu :

1. Jangan ada spasi antara property value dengan unitnya. 
2. Nama property bersifat case sensitif dan menggunakan huruf kecil. 
3. Jika nilai /value lebih dari satu kata, maka gunakan tanda petik di antara nilai.
4. Jika  property  lebih  dari  satu,  maka  gunakan  tanda  titik  koma  untuk  membatasi  property lain. 
5. Jika  selector  lebih  dari  dan  mempunyai  property  dan value  yang  sama  maka  gunakan  tanda koma.

Sudahan dulu ah, cukup sekian materi kali ini. Tapi tenang saja, materi ini masih akan berlanjut kok, tak perlu risau ataupun galau Fitrah Izul Falaq masih ada dan berbagi dengan siapa saja. Jangan cuma dibaca, pahami dan resapi, Semoga Bermanfaat Ya..... ^____^

Tutorial ini berlanjut ke sini nih : Membuat Halaman WEB Sederhana dengan CSS