Selamat Sore kawan, pada hari Jumat ini mimin akan berbagi tutorial Belajar Css Untuk pemula di jamin auto ngejar shandika galih
Apa Itu CSS ?
CSS adalah singkatan dari Cascading Style Sheets. Ini adalah bahasa yang digunakan untuk mengatur tampilan dari sebuah halaman web, seperti warna, font, dan posisi elemen-elemen di halaman tersebut. CSS ditulis dalam file terpisah dari HTML, sehingga Anda dapat memisahkan konten dari tampilan pada sebuah halaman web.
CSS memiliki beberapa aturan dasar yang harus dipahami oleh setiap orang yang ingin belajar CSS. Pertama, setiap aturan CSS terdiri dari selektor dan deklarasi. Selektor menentukan elemen HTML mana yang akan diberi style, sedangkan deklarasi menentukan style apa yang akan diterapkan pada elemen tersebut.
Kedua, CSS memiliki hierarki yang harus diikuti. Jika ada beberapa aturan yang mengatur style yang sama untuk elemen yang sama, maka aturan yang paling spesifik akan diterapkan. Ini artinya, jika Anda menuliskan aturan yang sama di dalam file CSS dan di dalam elemen HTML, maka aturan yang dituliskan di dalam elemen HTML akan lebih spesifik dan akan diterapkan oleh browser.
Fungsi Dari CSS
Selain itu, CSS juga memiliki beberapa fitur yang berguna untuk mengatur tampilan halaman web, seperti grid layout dan flexbox. Dengan menggunakan fitur-fitur ini, Anda dapat membuat sebuah halaman web yang responsif, yang dapat menyesuaikan tampilan layar berdasarkan ukuran layar yang digunakan oleh pengunjung.
CSS juga memiliki beberapa properti yang berguna untuk mengatur tampilan elemen HTML, seperti warna, font, margin, dan padding. Dengan menggunakan properti-properti ini, Anda dapat mengatur tampilan halaman web sesuai dengan keinginan Anda.
Contoh Penggunaan CSS Dasar
Misalnya saya punya struktur html dasar
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Instech</title>
</head>
<body>
<h1>Ini Adalah Halaman Pertama</h1>
</body>
</html>
Kemudian hal yang pertama yang di lakukan yaitu menghubungkan file html dengan file css, pastikan mereka berada di dalam 1 folder yang sama.
<link rel="stylesheet" href="style.css">
Selanjutnya di dalam file style.css. Misalnya mimin akan membuat warna latar belakang menjadi warna merah maka tambahkan kode berikut
body {
background-color: #ff0000;
}
Pada kode css di atas saya memanggil selector body lalu mengubah backround colornya menjadi warna merah
Kode #ff0000; adalah kode hex warna. kamu bisa mengubah dengan rgb atau penyebutan warnanya dalam bahasa inggris.
body {
background-color: red;
}
atau dengan RGB
body {
background-color: rgb(0,0,0);
}
atau jika ingin membuat opacity tambahkan RGBA
body {
background-color: rgba(0,0,0,0.9);
}
Secara keseluruhan, CSS adalah bahasa yang sangat penting untuk dipelajari bagi siapa saja yang ingin membuat sebuah website yang berkualitas. Dengan CSS, Anda dapat mengatur tampilan halaman web dengan baik dan menambahkan fitur-fitur yang diperlukan untuk membuat sebuah website yang responsif dan mudah dibaca oleh pengunjung.