Dasar kode CSS | Belajar CSS | Penjelasan CSS
Css sendiri berfungsi untuk mendesain blog kalian agar nampak lebih indah dan berkualitas.selain itu css juga dapat meringkas kode-kode yang di gunakan pada template kalian .dan tentunya kalian pun akan sedikit menggunakan kode kode pada blog kalian .
Sebelum kalian lanjut untuk belajar CSS, silakan untuk berkenalan dulu ya.
Contoh singkat CSS
<html>
<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h2
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h2>Contoh CSS</h2>
<p>Di sini letak tulisan kamu.</p>
</body>
</html>
Dan akan menghasilkan seperti di bawah ini :
Dari contoh di atas dapat di simpulkan bahwa kode - kode css tidak muncul kedalam tampilan.
jadi intinya css adalah pendukung styles dari html. mungkin di antara kalian masih ada yang belum paham yaa .
atau mungkin di antara kalian masih ada yang ngangguk ngangguk seolah - olah sudah paham ..
heheheheh .. namanya juga belajar pasti membutuhkan proses bukan ??? ..
jadi jangan terlalu di bawa serius dan juga terlalu santai yaaa ... sersan aja yaa ( serius tapi santai )
Sebelum kalian lanjut untuk belajar CSS, silakan untuk berkenalan dulu ya.
- CSS adalah singkatan dari Cascading Style Sheets
- CSS digunakan untuk mendesain tampilan dari html, jadi intinya jika kalian mau belajar css, belajar lah dulu html .
- CSS dapat digunkana untuk meringkas pekerjaan.
- CSS mempunyai kode kode untuk mendesain tampilan html kalian ke bentuk yang berkualitas.
Contoh singkat CSS
<html>
<head>
<style type="text/css">
body
{
background-color:#d0e4fe;
}
h2
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h2>Contoh CSS</h2>
<p>Di sini letak tulisan kamu.</p>
</body>
</html>
Dan akan menghasilkan seperti di bawah ini :
Contoh CSS
Disini letak tulisan kamu
Dari contoh di atas dapat di simpulkan bahwa kode - kode css tidak muncul kedalam tampilan.
jadi intinya css adalah pendukung styles dari html. mungkin di antara kalian masih ada yang belum paham yaa .
atau mungkin di antara kalian masih ada yang ngangguk ngangguk seolah - olah sudah paham ..
heheheheh .. namanya juga belajar pasti membutuhkan proses bukan ??? ..
jadi jangan terlalu di bawa serius dan juga terlalu santai yaaa ... sersan aja yaa ( serius tapi santai )
Oke kita lanjut ke tahap selanjutnya .
Mungkin bagi kalian yang sudah terbiasa mengedit kode - kode html akan merasa aneh bukan ..
"untuk apa membuat kode sebanyak itu kalau hanya untuk membuat tampilan sesingkat itu ??? "
hemmm ... kalau di antara kalian ada yang berpikir seperti itu .. jawabannya adalah salah besar ..
loh kok salah besar ...!!!!
jadi begini .. dalam kode kode css di atas bisa kalian lihat bahwa body , h2 dan ,P ..mempunyai kode - kode yang berbeda .. nahhhh ternyata kode kode tersebut bisa juga di gunakan ataupun di masukan ke dalam kode kode html yang lainnya untuk kalian desain sama seperti kode kode html yang telah kalian desain sebelumnya ..
" jadi intinya kode - kode css dapat di gunakan untuk banyak desain kode kode html .."
penulisan kode css ( SYNTAX )
dalam penulisan kode css, itu BERBEDA dengan kode-kode html ... di dalam css terdapat selector dan declarations .. lihat gambar agar lebih jelas ..
