Soal
1. Buatlah style CSS dengan cara internal atau embedded style sheet agar teks dalam paragrap tampil dengan warna tulisan merah berlatar belakang kuning, mempunyai border tipis yang berjenis garis kontinyu warna #a9a9a9. Disamping itu, antara teks dengan border memiliki jarak 15 pikse
2. Jenis-Jenis Selector Pada CSS, berikan contoh menggunakan Scripts masing masing selectornya
3. Ada 3 cara untuk memasang CSS pada dokumen HTML, sebutkan dan jelaskan perbedaanny?
Jawaban
1.
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
background-color: yellow;
border-style: solid;
border-color: #a9a9a9;
padding: 15px;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
2. Jenis-jenis Selector pada CSS
- Selector bebas
<style type=”text/css”>testing{ text-decoration: underline; color:green; }</style>- Selector dengan class
<style type=”text/css”>.toplink { text-align : right; }</style>- Selector id
<style type=”text/css”>#title { font-size: 10px; text-transform:uppercase; color: red; }</style>
3. 3 cara untuk memasang CSS pada dokumen HTML
- Internal CSS
Internal CSS adalah kode CSS yang ditulis di dalam tag <style>. Internal CSS juga dikenal dengan sebutan Embedded CSS. Tag <style> biasanya ditulis di dalam tag <head>. Bisa juga ditulis di dalam <body>, namun lebih banyak ditulis di dalam <head>.
- Eksternal CSS
Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis disebuah file khusus yang berekstensi .css.
- Inline CSS
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML. Setiap elemen HTML memiliki atribut style, di sana lah inline CSS ditulis.
Tidak ada komentar:
Posting Komentar