Cara Belajar Coding CSS Cepat
Belajar Coding CSS Memang sulit untuk di lakukan dengan kemampuan yang minim , akan tetapi kalian bisa belajar memahami Coding CSS tersebut dengan membuat suatu WEB berbasis HTML. Dan pada kali ini saya akan mengajarkan sedikit Coding CSS yang mana bisa bermanfaat untuk kalian , berikut :
Bahan yang di perlukan :
- Notepad ++
- Secangkir Kopi
- Rokok
- Cemilan
Cara Belajar CSS dengan berbasis HTML :
Buka Notepad ++
Lalu kita membuat awalan atau pembuka html yaitu seperti ini :
<html></html>
Terus apa lagi gan ? Kita buat headernya.
<html>
<head>
</head>
<html>
Setelah itu kita beri judul web :
<html>
<head>
<title>Belajar CSS<title>
</head>
</html>
Sekarang kita buat bodynya, dan menu sidebar :
<html>
<head>
<title>Belajar CSS<title>
</head>
<body>
<div id='sidebar'>
</div>
</body>
<html>
Dan berikut CSSnya :
#sidebar {
Float: Right;
Overlow: hidden;
Margin : 0;
Padding : 10;
Position: absolute;
}
Keterangan CSS :
- Float : menentukan dimana tempat yang kita inginkan , misal contoh diatas float : right; itu berada di sebelah kanan kalau kiri left; kalian hanya tinggal ganti saja.
- Margin : Merapatkan kata / huruf yang berjarak jauh.
- Padding : Mengasi jarak pada sidebar dengan main post / post artikel yang di buat dengan div tadi.
- Position : posisi yang menetap , jika tidak menetap kalian bisa ganti dengan kata relative;
Jadi seluruh html tersebut seperti ini :
<html>
<head>
<title>Belajar CSS<title>
</head>
<style type='javascript/css'>
#sidebar {
Float : right;
Overlow : hidden;
Margin : 0;
Padding : 10;
Position : absolute;
}
</style>
<body>
<div id='sidebar'>
</div>
</body>
<html>
Jika kalian ingin belajar css lebih detail lagi kalian bisa cari di google seperti ini "w3schools css" (tanpa tanda kutil , eh salah kutip). Dan demikian Cara Belajar Codding CSS Cepat, sekian terimakasih (http://www.seonih.ga/)
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon