CSS….mungkin orang awam belum tahu apa itu CSS tapi lain lagi jika ditanyakan pada anak IT pasti mereka sudah tahu dan paham apa itu CSS. Untuk itu saya akan membahas tentang CSS secara singkat bagi kalian yang belum tahu.
Inilah tutorial ala saya………..
Sebelum mengenal lebih jauh tentang CSS saya akan menjelaskan tentang arti dari CSS itu sendiri. CSS adalah kepanjangan dari Cascading Style Sheet. CSS sendiri berguna untuk mendesain (style) tampilan dokumen (Php dan HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).
Penggunaan CSS ada 3 cara yaitu :
1. Langsung disisipkan didalam tag . Untuk menyisipkan di dalam tag head harus diawali dengan tag
2. Menggunakan file external, artinya script css ditulis dalam file tersendiri dengan akhiran .css. dan sisipkan file ini di dalam tag dengan cara seperti ini
3. Langsung pada tag yang bersangkutan, misalkan
Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:
1. External Style Sheet (file CSS berbeda dari file HTML),
2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
3. Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).
Namun lebih mudah menggunakan cara External Style Sheet seperti contoh dibawah ini.
Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css.
Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag yang diletakkan diantara tag . Untuk file HTML kamu gunakan coba.html dan ubah isinya pada bagian saja bagian yang didalam tidak usah diapa-apakan.
Satu hal lagi yang perlu saya informasikan bahwa tidak semua browser dapat menampilkan jenis huruf yang kita inginkan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Kamu dapat menggunakan property font-family, yang mirip dengan tag .
Sebagai contoh kamu ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Kamu dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat bkode berikut:
Serif font
Setelah dijelaskan panjang lebar mungkin kamu bingung sebenarnya apa sih manfaat dari CSS itu? Percuma dong kita belajar CSS tapi gak tau manfaatnya untuk apa.
Manfaat dari CSS:
1. Kode HTML menjadi lebih sederhana dan lebih mudah diatur,
2. Ukuran file menjadi lebih kecil, sehingga load file lebih cepat,
3. Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja,
4. Dapat berkolaborasi dengan JavaScript.
5. Digunakan dalam hampir semua web browser.
Penjabaran di atas adalah tutorial singkat dari saya semoga berguna bagi kalian semua. Mohon maaf jika ada kesalahan.
