Seperti di artikel sebelumnya saya sudah membahas apa itu css,yang mengatakan bahwa css singkatan dari casading style sheet.
Untuk belajar css tentunya harus sedikit mempunyai bekal coding html.kurang lebih mengerti tag htmlnya.seperti p (paragraf),b (bold),u (underline),H1,H2,div dan lain-lain.
Css mempunyai 2 selector yaitu id dan class.
Didalam coding properti css penulisannya menggunakan nilai "#" (pagar) yaitu disebut sebagai ID.dan tanda "." (titik) sebagai class.
Contoh penulisan :
<style type="text/css">
#selector{color: red;} /*-----menggunakan selector ID------*/
</style>
<div id="selector">
belajar css
</div>
Disini ada 3 cara pemanggilan css.Yaitu dalam file itu sendiri,di dalam tag html dan menggunakan file css sendiri.
Jika di dalam satu file di html kita menggunakan coding seperti ini di dalam body maupun head.
<body>
<style type="text/css">
/*-----Tulis properti cssnya disini------*/
</style>
</body>
Didalam tag html.
<div style="color: red; border:1px solid red;">...</div>
<body style="font-color: black; color: red;">...</body>
Contoh jika menggunakan file css.Letakkan koding diantara head seperti berikut.
<head>
<link href="namafile.css" rel="stylesheet"/>
</head>.
Setelah anda membaca artikel ini kita coba yug.Langsung praktek aja.
#selector{color: #666666; padding: 0.5%; background: #f5f5f5; border:3px inset #ccc;} /*-----menggunakan selector ID------*/
</style>
<div id="selector">
Belajar css <span style="font-size: 30px;color: blue;opacity:0.2;position: relative;left:-4%;">owlscript</span>
</div>
Hasil koding di atas :
