Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Sunday, April 8, 2018

CSS (Cascading Style Sheet)


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 :
<tag HTML style=“properti : value/nilai”...</tag HTML>


Linked Style Sheet

Pengerjaannya telah memisahkan kode HTML dan CSS. Dimana pada kode HTML dibuat skrip yang isinya untuk memanggil file CSS tersebut.
Formatnya :
<link rel=“stylesheet” href=“Namafile.css” type=“text/css”>

   

 Terima Kasih...


Sunday, April 8, 2018 April 08, 2018 - tanpa komentar

No comments:

Post a Comment