CSS

Style Halaman Web Menggunakan CSS

1. Penjelasan CSS

    Kepanjangan CSS adalah Cascading Style Sheet. CSS menetapkan aturan tampilan/gaya yang akan digunakan pada sebuah situs web agar lebih terstruktur dan CSS ini berguna untuk mempercantik halaman tampilan html.

2. Konsep lay out halaman web

    

    Konsep lay out halaman web

Lay out proses penataan tata letak meliputi penyusunan dan pembagian tempat dalam suatu halaman. Tata letak dan susunan yang baik dapat membuat tampilan halaman lebih menarik enak dilihat dan mudah di baca. Ada lima layout yang digunakan dalam halaman web yaitu: 

-model top index

-model buttom index

-model left index

-model split

-model alternatif index

3. Jenis-jenis lay out halaman web

   Ada beberapa jenis Layout halaman web

Contohnya:

- Fixed Layout

adalah tata letak atau tata letak primitif yang disukai banyak orang, dan mudah dibuat serta disesuaikan. Seperti namanya, komponen situs web dikemas dalam lebar tetap. Jika anda menggunakan layout tipe tetap atau fixed, lebar layout website tetap sama meskipun dilihat di browser yang berbeda.

- Fluid Layout 

adalah salah satu jenis tata letak yang paling disukai oleh pembuat website. Tata letak yang lancar akan membuat seluruh situs web terlihat bagus di browser yang berbeda. Beberapa hal menarik tentang tata letak ini adalah: Tidak ada perbedaan dalam ruang kosong yang berlebihan saat dilihat melalui browser yang berbeda, tata letak fluida yang dirancang dengan baik dapat menangani pengguliran horizontal untuk meningkatkan visibilitas pengguna, mengatur berbagai ukuran untuk video, konten, gambar agar sesuai resolusi layar yang berbeda.

- Responsive Layout

Singkatnya, ini hanyalah kombinasi dari dua tata letak lainnya, fixed dan fluid. Ini adalah tata letak terbaik yang diadopsi sebagian besar situs web hingga saat ini, terutama setelah masuknya ponsel ke pasar. Pada tipe ini, ukuran font menyesuaikan sendiri setiap kali resolusi layar berubah. Programmer menggunakan jenis ini, tata letaknya akan sesuai dengan berbagai ukuran dan resolusi layar yang berbeda sehingga memberikan visibilitas pengguna web yang menyenangkan.

4.Contoh Penulisan Script Code CSS

5. Metode Stylesheet

-Inline Style

-Internal Style

-External Style

6. Contoh Contoh Property Pada CSS

•Background Property.

•Border Property.

•Font Property.

•Margin Property.

•Padding Property