CSS Penulisan
CSS Penulisan, pada materi html css kita sudah membahas mengenai penulisan inline css, internal css, eksternal css. Untuk kedepannya mungkin kita akan praktek menggunakan internal css dulu untuk membuat sebuah contoh.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan css</title>
</head>
<style type="text/css">
h1{
color: blue;
}
p{
font-family: Verdana, sans-serif;
}
</style>
<body>
<h1>Pendahuluan</h1>
<p>Kita akan membahas penulisan css</p>
</body>
</html>
Ketika suatu tag/element atau bisa di sebut juga sebagai selector yang tidak mempunyai class kita bisa langsung memanggilnya dengan menuliskannya pada css.
Contoh tag yang mempunyai class
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan css</title>
</head>
<style type="text/css">
.konten h1{
color: blue;
}
.konten p{
font-family: Verdana, sans-serif;
}
</style>
<body>
<div class="konten">
<h1>Pendahuluan</h1>
<p>Kita akan membahas penulisan css</p>
</div>
</body>
</html>
Elemen h1 dan p berada pada class konten. Jadi cara memanggilnya adalah dengan menuliskan nama classnya kemudian nama selectornya/nama elemennya.
class sangat penting untuk memulai mempelajari css. Jadi, silahkan kalian pelajari lagi mengenai fungsi class pada html.
Selamat belajar dan mencoba