Kamu dah kenal CSS, belajar CSS, jenis-jenis selector di CSS juga kamu dah tau. Nah saatnya pengaplikasian, eits.. sebelum itu kamu harus tau CSS itu diletakkan dimana sich dalam dokumen HTML..
Ada tiga cara peletakkan CSS di HTML,yaitu :
1. Meletakkan CSS sebagai atribut pada suatu tag HTML, contoh :
<h4 style=”color: #FFFFFF”>heading1</h4>
2. Meletakkan CSS dengan memakai tag <style></style>. Contohnya:
<head>
<style type=”text/css”>
<!--
h4{
color:#FFFFFF;
}
-->
</style>
</head>
<body>
<h4>contoh</h4>
</body>
3. Meletakkan CSS di luar dokumen HTML dengan file tersendiri biasanya berextension “.css”, cara agar file HTML dan CSS saling berhubungan, bisa menggunakan tag <link> di dalam tag <head>. Contoh :
<link rel=”stylesheet” type=”text/css” href=”file.css”/ >
Cara ini biasanya digunakan ketika kamu memiliki banyak file HTML yang memiliki style yang sama, jadi cukup dengan membuat satu file .css kamu tinggal panggil2 file itu di lebih dari satu dokumen HTML.
