Sudah saya mulai saja pelajaran kali ini. Haha lagak sok jadi guru. Dalam pemanfaatanya CSS dapat diintegrasikan dalam html dengan 2 cara. Yang pertama langsung kita tuliskan dalam script html kita dan yang kedua kita buat sendiri file pengatur cssnya. Cara yang pertama mungkin lebih mudah tapi kita harus mengetikkan script css itu ke setiap halaman website kita.
Mungkin kalo terlalu banyak teori kalian akan bosan. Langsung saja saya beri sebuah contoh sederhana berikut sedikit penjelasan.
#Langsung tulis dalam script.
File name : home.html
<html>
<head>
<title>Belajar CSS</title>
<style type="text/css">
.atur{
color:#000000;
font-family:"Arial";
}
</style>
</head>
<body>
<p class="atur">Ini adalah hasil pengaturan dengan css</p>
</body>
</html>
Penjelasan :
- <style type="text/css"> : tag ini berfungsi untuk mendeklarasikan script yang kita tulis adalah script css. Tag ini harus ditutup dengan </script>. Semua yang berada diantara tag ini merupakan sintax css yang kita gunakan untuk mengatur tampilan website kita nanti.
- .atur : ini merupakan class css yang kita buat. Dalam mengatur tampilan website dengan css kita bisa membuat 2 type pengaturan yaitu class dan id. Class dari css kita deklarasikan dengan tanda titik (.) sedangkan untuk id css kita bisa menggunakan tanda kress (#).
- class="atur" : fungsi ini kita pakai untuk memanggil class yang tadi sudah kita buat untuk ditampilkan dalam browser.