Tutorial Belajar Css Untuk Pemula Di Jamin Auto Jago

07 Dec 2022



 Selamat Malam kawan, pada hari Rabu 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.

#belajar css dasar