Belajar CSS dan HTML Untuk Desain Web , Sebelumnya saya pernah buat artikel mengenai Desain Layout Blog Sederhana dengan HTML dan CSS [D...
Langsung ajalah ya, sedikit pengenalan dulu dengan CSS cara baca dan alurnya.
CSS ini memiliki property dan nilai contoh seperti ini
<div id=”login”>
<div class=”masuk”>
-- isi sintaks--
</div>
</div>
<div class=”masuk”>
-- isi sintaks--
</div>
</div>
Yang dimaksud dengan property yaitu ada dua “id” dan “class” nah pengenal property ini bisa diberikan nama terserah yang kita mau, contoh id=”mata” atau class=”terserah-saya”, berarti nama property idnya adalah mata dan nama property classnya namanya terserah saya.
Setelah membuat property tadi tinggal kita mendesain dengan memberikan nilai-nilai pada pengenal property tadi dengan yang kita sebut CSS, CSS apa sih ? “Ada yang interupsi ternyata”. Ok ini hanya sekedar pengetahuan saya mungkin akan berbeda dengan jawaban yang definitive, menurut saya CSS bahasa pemrograman buat desain website, yah itu aja. Ok balik lagi ke tadi (apa tadi ya sampai lupa :?), nah setelah nama property kita tahu tinggal diberikan nilai-nilai untuk mendesainnya, contoh id login tadi kita buat bentuk kotak dengan garis hitam tinggal buat syntaxnya seperti di bawah ini (pake internal css aja ya, kalo belum tahu internal css, download lagi yang tutorial sebelumnya yang desain blog)
<style>
#login {
width:300px;
height:300px;
border:1px solid #000;
}
.terserah-saya {
width:200px;
height:200px;
border:1px solid #000;
}
</style>
<html>
<head>
<title>Latihan</title>
</head>
<body>
<div id="login">
<div class="masuk">
-- isi sintaks--
</div>
</div>
</body>
</html>
#login {
width:300px;
height:300px;
border:1px solid #000;
}
.terserah-saya {
width:200px;
height:200px;
border:1px solid #000;
}
</style>
<html>
<head>
<title>Latihan</title>
</head>
<body>
<div id="login">
<div class="masuk">
-- isi sintaks--
</div>
</div>
</body>
</html>
Beres selamat mencoba, untuk nilai-nilai bisa lihat di http://w3schools.com/ oh ya sampai lupa, untuk membuat id dan class di css yaitu kalo id pake symbol pagar “#" kalau class pake symbol titik “." Lihat contoh sintax diantara tag <style>
Oh ya satu lagi jangan lupa di like ya, kalo belum paham Tanya aja lewat komentar dibawah juragan…
4.5
COMMENTS