Pengenalan CSS

Petik.net - CSS (Cascading Style Sheets) adalah teknologi yang digunakan untuk mengatur tampilan halaman web. Dengan CSS, Anda dapat mengubah tampilan elemen HTML seperti teks, gambar, dan tata letak dengan mudah. Hal ini memberikan kemampuan untuk membuat tampilan web yang menarik dan profesional.

Menambahkan CSS ke HTML

Setelah membuat dokumen HTML, langkah selanjutnya adalah menambahkan CSS untuk mengatur tampilan halaman web. Anda dapat menambahkan CSS ke HTML dengan menggunakan tag < style > atau dengan menggunakan file eksternal CSS.

Contoh penggunaan tag < style >:

	
	


	
Contoh Penggunaan CSS Internal
	
Ini adalah contoh paragraf menggunakan CSS internal.

Selector dan properti CSS

Selector CSS digunakan untuk menentukan elemen mana yang akan diatur tampilannya. Properti CSS digunakan untuk menentukan bagaimana tampilan elemen tersebut.

Contoh selector dan properti CSS:

/* selector */
h1 {
	color: red;
	font-size: 30px;
}

/* properti */
background-color: blue;

Mengatur font, warna, dan background

Dengan CSS, Anda dapat mengatur font, warna, dan background untuk membuat tampilan halaman web yang menarik.

Contoh pengaturan font, warna, dan background:

/* font */
body {
	font-family: Arial, sans-serif;
	font-size: 16px;
}

/* warna */
h1 {
	color: red;
	background-color: yellow;
}

/* background */
body {
	background-image: url('gambar.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

Mengatur marging, padding, dan border

Anda dapat mengatur margin, padding, dan border pada elemen HTML dengan CSS. Margin digunakan untuk memberikan jarak antara elemen dengan elemen lainnya, sedangkan padding digunakan untuk memberikan jarak antara konten elemen dengan border. Border digunakan untuk membuat garis atau bingkai pada elemen.

Contoh pengaturan margin, padding, dan border:

/* margin */

p {

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 50px;

	margin-right: 50px;

}