Style.css

penjelasan style.css

Jadi, bayangkan kamu sedang membuat sebuah situs web. Nah, style.css adalah salah satu bagian penting dari proyek itu. Ini adalah tempat di mana semua aturan gaya untuk tampilan situs web kamu ditulis. Jadi, setiap kali kamu ingin merubah bagaimana sebuah elemen di halaman webmu terlihat—misalnya, warna latar belakang, ukuran font, atau tata letak—kamu akan mengedit file style.css ini.

Dalam style.css, kamu akan menggunakan CSS (Cascading Style Sheets), yang merupakan bahasa pemrograman khusus untuk mendesain tampilan halaman web. Misalnya, jika kamu ingin mengubah warna teks, kamu bisa menulis kode seperti ini:

cssCopy codep {
    color: blue;
}

Di sini, p merujuk pada elemen paragraf, dan color: blue; adalah aturan yang mengatakan bahwa teks dalam paragraf itu harus berwarna biru. Mudah, kan?

Selain warna, kamu juga bisa mengatur margin, padding, dan berbagai aspek lainnya. Contohnya, jika kamu ingin memberikan sedikit ruang di antara paragraf, kamu bisa menambahkan margin seperti ini:

cssCopy codep {
    margin: 20px;
}

Dan, jangan lupa tentang pemilihan font! Dengan style.css, kamu bisa memilih font yang keren untuk seluruh situsmu. Misalnya, kamu bisa menggunakan Google Fonts untuk menambahkan gaya font yang unik:

cssCopy codebody {
    font-family: 'Roboto', sans-serif;
}

Hal yang menarik tentang CSS adalah kemampuan untuk membuat tampilan responsif. Ini berarti situs webmu akan terlihat baik di berbagai perangkat, seperti ponsel, tablet, dan komputer. Kamu bisa menggunakan media query untuk mengatur gaya berbeda berdasarkan ukuran layar. Contohnya:

cssCopy code@media (max-width: 600px) {
    body {
        background-color: lightgrey;
    }
}

Dengan cara ini, ketika layar lebih kecil dari 600 piksel, latar belakang situsmu akan berubah menjadi abu-abu terang. Ini sangat berguna untuk memastikan pengguna memiliki pengalaman yang baik di semua perangkat.

Jadi, style.css adalah jantung dari desain situs webmu. Dengan sedikit kreativitas dan pemahaman tentang CSS, kamu bisa menciptakan tampilan yang menarik dan fungsional. Selamat berkreasi!