Nah pada kali ini saya akan memberikan beberapa pelajaran tentang dasar penulisan kode css , yang sangat penting dalam pengembangan web design dan dasar bagi semua web development .
untuk itu saya akan memberikan beberapa tutorial yang harus anda ketahui dan menjadi dasar bagi semua pelajar css.
Kode css diletakkan di bagian :
<head> <style>KODE CSS</style></head>
Nah itu yang menjadi hal pertama yang harus anda ketahui
kode css bisa diketikkan atau difungsikan bersama kode HTML dan Javascript
menggunakan platform Notepad++ anda bisa mendownloadnya melalui google
Nah kita langsung saja ya.
1. Css Syntax
css di bagi menjadi:
selector{
property: nilai/value;
}
-selector terbagi atas 2 bagian yaitu class ( . ) id ( # )
+ Class Bisa digunakan sebanyak yang anda inginkan di html
+ Sedangkan ID hanya bisa digunakan sekali dalam kode html
- Property adalah perintah yang akan di serap oleh html
- Nilai / value adalah perincian dari Perintah property tersebut
2. Format Penulisan
jika kita ingin setiap kode HTML yang ber-tag <p> atau kepanjangannya paragraph menjadi warna merah
kita bisa menggunakan kode css berikut ini di bagian <style>KODE CSS</style>
p {color:red}
Nilai di atas tidak menggunakan selector tau id karena kita ingin semua yang bertag <p> menjadi warna merah.
3. Format ID DAN CLASS
Nah kali ini kita akan menggunakan ID dan CLASS di kode css dan html kita
jika kita ingin kode html yang ber label ID=merahkan kita akan menggunakan kode css berikut
#merahkan{color:red}
Dan kode htmlnya akan seperti dibawah ini:
<p id="merahkan"> SAYA AKAN MENJADI MERAH </p>
dan jika berlabel CLASS gimana ?
Nah ganti aja # menjadi .
.merahkan{color:red}Nah anda bisa kembangkan di blog atau website anda dan pelajari / menghapal property css untuk mendapatkan design yang lebih bagus .
dan kode htmlnya akan seperti dibawah ini:
<p class="merahkan"> SAYA AKAN MENJADI MERAH </p>
Terimakasih.
Tidak ada komentar:
Posting Komentar
Selamat datang Di Websiteaeria , kami sangat menghargai bagi yang mengunjungi Blog kami .