NEW
Font size
WorksheetsCascade Style Sheet
Total questions: 21
Worksheet time: 11mins
Apa kepanjangan dari CSS?
Cascading Style Sheet
Case cading Style Sheet
Cascading Style Shift
Case cading Style Shift
Apa tujuan dari penggunaan CSS?
CSS dapat memformat konten dokumen (ditulis dalam HTML atau bahasa markup lainnya)
Meningkatkan tampilan halaman web
Meningkatkan halaman web menjadi lebih interaktif
benar semua
Kita dapat menggabungkan CSS dalam HTML dengan cara berikut, kecuali...
Menggunakan inline styles
Menggunakan internal styles
Menggunakan external stylesheets
Menggunakan import command
Benar semua
<html>
<p style="color: lime">Packt Publishing</p>
</html>
Penggalan code diatas adalah contoh penggunaan css dengan ...
inline styles
internal styles
external stylesheets
import command
<style type="text/css">
p{ color: red;}
</style>
Penggalan code diatas adalah contoh penggunaan css dengan ...
inline styles
internal styles
external stylesheets
import command
<link rel="stylesheet" href="yourcssfile.css">
Penggalan code diatas adalah contoh penggunaan css dengan ...
inline styles
internal styles
external stylesheets
import command
<style type="text/css"> @import url(change.css); </style>
Penggalan code diatas adalah contoh penggunaan css dengan ...
inline styles
internal styles
external stylesheets
import command
Struktur dasar penulisan CSS
selector {
property:value;
}
selector {
value:property;
}
property {
selector:value;
}
value {
property:selector;
}
Contoh dari id selector
.packt {color: navy;}
#pubman {color: red;}
p, div {color: navy;}
#packt p {color: orangered;}
Contoh dari class selector
.packt {color: navy;}
#pubman {color: red;}
p, div {color: navy;}
#packt p {color: orangered;}
Contoh dari nesting selector
.packt {color: navy;}
#pubman {color: red;}
p, div {color: navy;}
#packt p {color: orangered;}
Contoh atribut CSS untuk nama huruf
font-family: 'Times New Roman', Times, serif;
font-style: normal;
color: lime;
font-size: 1.5em;
Contoh atribut CSS untuk warna huruf
font-family: 'Times New Roman', Times, serif;
font-style: normal;
color: lime;
font-size: 1.5em;
a:link {color: blue;}
dari penggalan code di atas, yang merupakan pseudo class adalah
a
link
color
blue
Atribut CSS untuk menentukan jenis border
border-style: dotted;
border-color: lime;
border-radius: 25px;
border-width: 2px;
Atribut CSS untuk menentukan tebal border
border-style: dotted;
border-color: lime;
border-radius: 25px;
border-width: 2px;
Atribut CSS untuk menentukan lengkung sudut border
border-style: dotted;
border-color: lime;
border-radius: 25px;
border-width: 2px;
Atribut CSS untuk menentukan warna border
border-style: dotted;
border-color: lime;
border-radius: 25px;
border-width: 2px;
Jarak dari border ke luar elemen
margin
padding
radius
space
Jarak dari border ke dalam element
margin
padding
radius
space
Atribut CSS yang dapat digunakan untuk menggunakan lebar jendela sebagai ukuran lebar element
display: none;
display: inline;
display: block;
