Tantangan Penataan Gaya Dasar
Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 9 dari 76.
Tantangan
MudahKamu diberi dokumen HTML dengan heading (<h1>) dan paragraf (<p>). Tugasmu adalah memberi gaya pada elemen-elemen ini menggunakan kombinasi CSS inline, internal, dan eksternal. Ikuti langkah-langkah berikut:
- Gunakan CSS inline untuk mengubah warna teks heading
<h1>menjadi biru. - Gunakan CSS internal untuk mengubah warna latar belakang
bodymenjadi abu-abu muda dan ukuran font paragraf (<p>) menjadi 16px. - Gunakan file CSS eksternal yang diberikan, bernama
styles.css, untuk mengubah warna teks paragraf (<p>) menjadi merah. - Hubungkan file CSS eksternal ke dokumen HTML menggunakan tag
<link>.
Coba sendiri
<html>
<head>
<title>Basic Styling Challenge</title>
<style>
body {
background-color: white;
}
p {
font-size: 12px;
}
</style>
<!-- Hubungkan ke file CSS eksternal di sini -->
</head>
<body>
<h1 style="color: red;">This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>Semua pelajaran di Menata dengan CSS
5Warna dan Latar Belakang
Warna Latar BelakangWarna HEXWarna RGBTransparansi dengan RGBATantangan Rangkuman #13Selektor Dasar
Pengantar SelektorSelektor TipeSelektor classSelektor IDSelektor GrupSelektor UniversalTantangan Seleksi9Flexbox
Apa itu Flexbox?Arah FlexJustify ContentAlign ItemsTitik Tengah yang SempurnaTantangan Flexbox12Dasar-Dasar Desain Responsif
Apa Itu Desain Responsif?Tag Meta ViewportTata Letak FluidaUnit ViewportDasar-Dasar Media QueriesGambar FleksibelLatihan sendiri: Playground Web