CSS |
Apa itu CSS ?
<head><title>Latihan</title>
<link rel=”stylesheet” href=”style.css” type=”text/css”/>
</head>
<body>
<div class=”download”>
<a href=”#”>Download</a>
</div>
</body>
</html>
Simpan, lalu buka di browser. File .html anda belum dihias karena kita belum menambahkan kode css kedalam file style.css. Jadi, silahkan masukkan kode seperti dibawah ini, tentu anda bisa merubah-rubahnya :
.download {
padding:5px 20px;background:#000;
border:1px solid auto;
text-transform:uppercase;
font-size:20px;
}
setelah itu simpan, lalu refresh file latihan.html yang sedang dibuka di browser
Selamat mencoba .
Keterangan :
Cara 1 dan 2 sebagian besar digunakan dalam blog blogspot/blogger. Sedangkan, Cara 3 biasanya digunakan dalam situs web berbasis wordpress ataupun yang lainnya, karena membutuhkan ruang untuk menyimpan file css.
Jika menggunakan cara2 dan 3, Anda harus melengkapi tag html yang akan anda hias dengan atribut ‘id’ atau ‘class’. Ini adalah 2 cara untuk penamaan selektor pada kode css. Jika menggunakan atribut ‘id’ (misal: <div id=”download”></div>), maka selektor dalam kode cssnya adalah sebagai berikut :
#download {
Properti:nilai;}
Sedangkan, jika menggunakan atribut ‘class’ (misal:<div class=”download”></div>), maka selektor dalam kode cssnya adalah sebagai berikut :
.download {
Properti:nilai;}
Dengan kata lain, hanya dibedakan dengan tanda “#” dan “.” .
Nah, lalu jika anda ingin menghias tag tertentu dalam file html, misalnya seluruh tag h1 yang ada,
Maka anda dapat menuliskan selektornya tanpa menggunakan tanda apapun. Seperti ini :
Maka anda dapat menuliskan selektornya tanpa menggunakan tanda apapun. Seperti ini :
h1 {
properti:nilai;}
Lebih jelasnya silahkan lihat gambar dibawah ini :
Itu saja pembahasan kita mengenai CSS , semoga bermanfaat :)
Tidak ada komentar:
Posting Komentar