Hi everyoneee!βΛβΏΛΒ°
Hari iniii aku dapet tugas nih dari pak Haris, tugasnya ituuu menjelaskan Styling With CSS. Pernah gak sih kalian ngeliat website yang tampilannya cantik dan rapi banget? Sampe mikir kayak
“kok bisa sih rapih banget!?” Nah, itu salah satunya karena CSS!!!
Di sini kita bakal bahas apa itu Styling with CSS dan gimana CSS bisa bikin website jadi lebih menarik dan aesthetic.ΫΆΫΰ§
Apa itu Styling With CSS!?
Styling with CSS adalah proses mengatur tampilan dan desain halaman web menggunakan CSS (Cascading Style Sheets). Kalau HTML digunakan untuk membuat struktur halaman, maka CSS digunakan untuk membuat halaman tersebut terlihat lebih menarik.
Dengan CSS kita bisa mengatur:
β° Warna teks dan background
β° Jenis, ukuran, dan ketebalan font
β° Ukuran elemen
β° Margin dan padding
β° Border dan bentuk sudut
β° Posisi elemen
β° Efek seperti hover, transition, dan animation
Contoh:
h1 {
color: pink;
font-size: 40px;
text-align: center;
}
p {
color: gray;
font-size: 18px;
}
Hasilnya, judul menjadi berwarna pink, lebih besar, dan berada di tengah, sedangkan paragraf menjadi berwarna abu-abu.