2.InlineCSS
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contoh Inline CSS</title>
</head>
<body style="font-family: Arial, sans-serif; background-color: #f4f4f4; padding: 20px;">
<h1 style="color: blue;">2.Pengertian Inline CSS</h1>
<h2 style="color: darkgreen;">Apa itu Inline CSS?</h2>
<p style="color: black; line-height: 1.6;">Inline CSS adalah metode penulisan CSS yang diterapkan langsung pada elemen HTML menggunakan atribut <code>style</code>. Gaya yang ditentukan di sini hanya berlaku untuk elemen tersebut.</p>
<h2 style="color: darkgreen;">Keuntungan Inline CSS</h2>
<p style="color: black; line-height: 1.6;">1. Memungkinkan penyesuaian gaya yang cepat untuk elemen tertentu.</p>
<p style="color: black; line-height: 1.6;">2. Tidak memerlukan file CSS terpisah.</p>
<p style="color: black; line-height: 1.6;">3. Berguna untuk pengujian atau penyesuaian gaya sementara.</p>
<p style="color: red; font-weight: bold;">Catatan: Penggunaan inline CSS sebaiknya dibatasi untuk situasi tertentu, karena dapat membuat kode HTML menjadi sulit dibaca dan dikelola.</p>
</body>
</html>
0 komentar:
Posting Komentar