Minggu, 08 April 2018

CSS (Cascading Style Sheet)

andyusuf April 08, 2018 Pemrograman Berbasis Web,

CSS (Cascading Style Sheet)

Bahasa Pemograman yang khusus untuk mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web lebih tersusun, terstruktur dan seragam.

Tujuan utamanya untuk memisahkan konten utama dengan tampilan dokumen lainnya, dengan adanya pemisah akses konten pada web meningkat. Tujuan lainnya untuk mempercepat pembuatan halaman web.

Berbagai macam versi CSS

1. CSS 1 : Digunakan untuk untuk formatting dokumen HTML.

2. CSS 2 : Sudah mulai untuk menggunakan font, table-layout dan berbagai media untuk dokumen bisa ditampilkan pada printter.

3. CSS 3 : peningkatan fitur yang mengarah pada efek animasi, seperti crop, slide image, dll

Keuntungan CSS

1. Memisahkan pembuatan dokumen (CSS dan HTML)

2. Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen web.

3. Akses web lebih cepat ketika looding

4. Fleksibel, interaktif, tampilan lebih menarik dan nyaman dipandang

5. Lebih kecil ukuran file sehingga bandwith yang digunakan juga otomatis menjadi lebih kecil.

Cara Menggunakan CSS

1. Embedded Style Sheet

Penulisan kode CSS dilakukan pada tag HTML, yaitu pada tag <style>...</style> dan sebelum tag <body>. Format dasarnya :

<style>

<!—atribute CSS-->

<style>

2. Inline Style Sheet

Menggunakan CSS langsung pada tag HTML yang dibutuhkan saja. Dilakukan karena hanya sedikit properti yang dibutuhkan, misal untuk merubah warna pada teks tertentu yg dimana properti warna tersebut tidak digunakan pada elemen lain.

Format dasarnya :

Linked Style Sheet

Pengerjaannya telah memisahkan kode HTML dan CSS. Dimana pada kode HTML dibuat skrip yang isinya untuk memanggil file CSS tersebut.

Formatnya :

Materi HTML & CSS Dasar:

⇒ Mengenal HTML & CSS

⇒ Mulai Belajar HTML

⇒ Mulai Belajar CSS

Terima Kasih...