Penjelasan CSS dan kegunaannya
Sumber:https://www.webhozz.com/blog/pengertian-css-dan-contohnya/
Halo teman teman,kali ini kita akan belajar tentang CSS. Sebelum masuk ke materinya kalian tau ga sih apa itu CSS?
1. Apa Itu CSS?
CSS (Cascading Style Sheet) adalah bahasa pemrograman yang digunakan untuk men desain sebuah tampilan web. CSS digunakan menggunakan bahasa pemrograman HTML. Jadi CSS sendiri bermanfaat untuk memperindah sebuah tampilan web.
2. Konsep Layout Halaman Web
Layout secara sederhana dapat di artikan desain tata letak. Pengertian lebih dalamnya Layout adalah desain tata letak pada elemen tertentu yang tujuannya supaya menghasilkan visual yang menarik. Dengan tata letak yang baik,pengunjung dapat merasa nyaman dengan layout sebuah web dan tetap fokus pada isi dari web tersebut.
3. Jenis Jenis Layout Halaman Web
Layout sendiri terbagi menjadi beberapa jenis:
-Static
Layout static memiliki ukuran yang sama pada semua resolusi browser. Lebar layout static menggunakan satuan pixel(px)
Contoh layout static adalah:Facebook dan twitter
-Fluid
Layout fluid dapat menyesuaikan lebar pada semua resolulis browser. Lebar layout fluid menggunakan satuan persen(%)
Contoh dari fluid:gmail dan yahoo
-Responsive
Layout responsive memiliki kelebihan yaitu bisa menyesuaikan resolusi tertentu. Jadi, tampilan sebuah web akan berbeda beda sesuai di buka dari device.
-Horizontal Scrolling
Layout ini menghasilkan sebuah content horizontal. Sehingga jika ingin meliahat kontennya melakukan scrolling horizontal.
-Parallax Scrolling
Layout ini memiliki beberapa layer dan setiap layer memiliki kecepatan yang berbeda.
4. Contoh Penulisan Script Code CSS
Sumber:https://www.petanikode.com/css-dalam-html/
5. Metode styleheet
-Inline Style
Kode CSS ini ditulis langsung di atribut 'style'
-Internal Style(Embeded CSS)
Kode CSS ini di tulis di dalam tag 'style'
-External Style
Kode ini ditulis terpisah dengan kode HTML.
6. Contoh Contoh Property pada CSS
Komentar
Posting Komentar