Hay semua, untuk tutorial kali ini saya akan membahas
tentang Memulai Belajar CSS. Namun, sebelum itu mari kenalan sedikit yuk dengan
CSS tersebut. CSS adalah kepanjangan dari “Cascading
Style Sheet”, yang merupakan bahasa pemrogramman yang berfungsi untuk
mendesain dan mempercantik tampilan sebuah halaman website.
Berikut kode dasar dari CSS :
<html>
<head>
<title>CSS Pertama Saya</title>
<style>
b{
color:green;
}
.text{
color:red;
font-size:15px;
}
#kata{
color:blue;
font-size:20px;
}
</style>
<head>
<body>
<b>Ini adalah tulisan bold</b>
<div class=’text’>Ini adalah class text</div>
<div id=’kata’>Ini adalah id kata</div>
</body>
</html>
Berikut hasilnya :
Penjelasan :
- CSS ditulis pada tag <style>
- Kode yang menyebutkan langsung sebuah tag maka semua tag tersebut akan memiliki desain seperti yang kita tuliskan.
- Kode yang disertakan titik (.) berarti itu adalah sebuah class dan yang disertakan simbil pagar (#) berarti itu sebuah id.
- Perbedaan class dengan id adalah jika class bisa digunakan atau disebut berkali – kali namun jika id hanya bisa digunakan atau disebut sekali saja.
Cara menggunakan CSS
1. Menuliskan style pada bagian head sebuah document HTML.
1. Menuliskan style pada bagian head sebuah document HTML.
*seperti contoh diatas
2. Dengan inline, atau langsung didalam sebuah tag, berikut contohnya :
2. Dengan inline, atau langsung didalam sebuah tag, berikut contohnya :
<b style=’color:red’>Ini text
bold</b>
3. Dan yang terakhir dengan memanggilnya secara
terpisah dari document HTML nya, berikut cara memanggil file yang terpisah
tersebut :
Simpan file tersebut dengan extensi .css kemudian tulis kode berikut pada
bagian head document HTML :
<link href=’filecss.css’ rel=’stylesheet’
type=’text/css’>
Sekian deh tutorial untuk pemula CSS, sampai
ketemu di artikel yang berikutnya ya. Terima kasih.
0 komentar:
Posting Komentar