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

Postingan populer dari blog ini

Perbedaan GitHub & GitLab

Menjawab Petanyaan Seputar Data Analyst

Apa itu Laravel