Assalamualaikum Wr. Wb.
Jika sebelumnya kita telah berkenalan dengan HTML, pada kesempatan kali ini saya ingin mengenalkan apa itu CSS. CSS adalah kepanjangan dari Cascading Style Sheet yang digunakan untuk memberi gaya pada halaman website seperti warna, jenis font, ukuran font, letak, dsb. CSS sering dipadukan dengan HTML(Hypertext Markup Language) untuk membangun sebuah halaman dan tugas dari CSS adalah memperindah tampilan website tersebut.
Jika sebelumnya kita telah berkenalan dengan HTML, pada kesempatan kali ini saya ingin mengenalkan apa itu CSS. CSS adalah kepanjangan dari Cascading Style Sheet yang digunakan untuk memberi gaya pada halaman website seperti warna, jenis font, ukuran font, letak, dsb. CSS sering dipadukan dengan HTML(Hypertext Markup Language) untuk membangun sebuah halaman dan tugas dari CSS adalah memperindah tampilan website tersebut.
CSS dapat dipadukan dengan HTML secara internal dan external. Yang
dimaksud internal adalah dokumen CSS dijadikan satu dengan dokumen HTML,
sedangkan yang dimaksud external adalah dokumen CSS dijadikan terpisah
dengan dokumen HTML yang cara penggunaannya dengan memanggilnya
menggunakan sebuah tag, yaitu:
<link rel="stylesheet" type="text/css" href="dokumencss.css">
Keterangan:
dokumencss.css = nama dokumen css yang akan dipanggil pada dokumen HTML, bisa diganti dengan nama lain.
Tag
diatas ditempatkan diantara tag <head></head>. Jika kita
memadukan CSS secara internal maka kita bisa menaruhnya diantara tag
<head></head> dengan menggunakan tag
<style></style>, contoh:
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-color: red;
}
.paragraf1{
font-color: darkblue;
font-family: arial;
}
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<style>
body{
background-color: red;
}
.paragraf1{
font-color: darkblue;
font-family: arial;
}
</style>
</head>
<body>
</body>
</html>
Entah dipadukan secara internal maupun external harus tetap menggunakan kurung kurawal buka "{" dan kurung kurawal tutup "}"
Beberapa syntax CSS untuk memberi asesoris pada website:
Contoh syntax CSS untuk memberi warna pada background website:
body{background-color: red;}
Contoh syntax CSS untuk memberi warna pada paragraf:
p{font-color: red;}
Contoh syntax CSS untuk memberi jenis font pada paragraf website:
p{font-family: arial;)
Dan masih banyak lagi...
Atau anda bisa menggabungkannya, seperti berikut:
p{
font-color: darkblue;
font-family: arial;
font-size: 15;
}
dan lain sebagainya...
font-color: darkblue;
font-family: arial;
font-size: 15;
}
dan lain sebagainya...
Sekian, maaf jika hanya sedikit setidaknya telah memberi sedikit gambaran seperti apa CSS, terima kasih:-)
){kind=link}
0 Komentar