tugas9_css

/* Gaya Umum Halaman */
body {
  font-family: Arial, sans-serif;
  margin: 40px;
  background-color: #f9f9f9;
}

h1 {
  color: #333;
}

section {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

ul, ol, dl {
  margin-left: 40px;
}

dt {
  font-weight: bold;
  color: #0055a5;
}

dd {
  margin-bottom: 10px;
}

/* === Gaya Tambahan dari Materi === */

/* Contoh elemen block dan inline */
.blok {
  background-color: #e8f5e9;
  padding: 8px;
  border: 1px solid #b2dfdb;
  margin-bottom: 5px;
}

.inline {
  color: #0077cc;
  font-weight: bold;
}

/* Elemen div dan span */
#header {
  background-color: lightblue;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

#konten {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  margin-top: 10px;
}

#footer {
  background-color: #eee;
  text-align: center;
  padding: 8px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 14px;
}

/* Class dan Id */
.teks-merah {
  color: red;
  font-weight: bold;
}

#unik {
  color: green;
  font-style: italic;
}

/* Span penting */
.penting {
  background-color: #e6f0ff;
  color: blue;
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 3px;
}