Hai brother, Setelah sebelumnya ngebahas bikin toko online clickbank maka pada kesempatan kali ini pengen ngebahas tutorial lagi di blog tutorial digital. Untuk sesi ini dan sesi - sesi tutorial berikutnya akan mencakup bahasan tentang CSS sampai tuntas. Oke langsung saja ya, karena ni pertemuan pembuka maka ada baiknya diawali dengan pembukaan sekelumit dasar tentang CSS baik itu pengertian CSS ataupun dasar - dasar CSS yang lainnya.
Pengenalan terhadap CSS
Apa itu pengertian CSS ?
Menurut tutorial digital, CSS singkatan dari "Cascading Style Sheets" yang kalau diindonesiakan berarti lembar gaya sebuah layout/tampilan. CSS pada dasarnya terbentuk dari kode HTML biasa yang memungkinkan kita dengan mudah mengatur layout tampilan sebuah web yang akan kita buat.
Sebagai contoh kita ingin membuat sebuah paragraph dengan tulisan berwarna hitam dan bercetak tebal seperti dibawah ini :
CSS Tutorial, CSS pada dasarnya terbentuk dari kode HTML biasa yang memungkinkan kita dengan mudah mengatur layout tampilan sebuah web yang akan kita buat.
maka penulisan kode html yang digunakan adalah kode :
<font color="#000"><b>CSS Tutorial, CSS pada dasarnya terbentuk dari kode HTML biasa yang memungkinkan kita dengan mudah mengatur layout tampilan sebuah web yang akan kita buat</b></font>
Menulis seperti itu tidak ada salahnya, cuman yang jadi masalah ketika anda ingin merubah tulisan menjadi berwarna merah dan tidak bercetak tebal, maka anda harus mencari sederetan kode html pada halaman web yang anda buat.
Nah untuk itu timbulah yang namanya CSS, dengan menggunakan CSS anda bisa dengan mudah mengganti tampilan paragraph yang anda buat tadi yang tadinya berwarna hitam bercetak tebal maka kalau di CSS kan akan jadi seperti ini :
<style type="text/css">
.paragraf1 {font-weight: bold;color: #000;}
</style>
Untuk menerapkannya tinggal masukkin aja id css nya, dalam hal ini saya buat id css nya paragraf1. Selanjutnya untuk pemasangan kodenya seperti ini saja :
<div id="paragraf1">CSS Tutorial, CSS pada dasarnya terbentuk dari kode HTML biasa yang memungkinkan kita dengan mudah mengatur layout tampilan sebuah web yang akan kita buat</div>
dan hasilnya dari penerapan kode css diatas akan jadi seperti ini :
CSS Tutorial, CSS pada dasarnya terbentuk dari kode HTML biasa yang memungkinkan kita dengan mudah mengatur layout tampilan sebuah web yang akan kita buat
Nah untuk menjadikan tulisan berwarna merah dan tidak bercetak tebal maka dapat dengan mudah anda ganti kode css paragraf1 diatas yang bertajuk font-weight dan color menjadi seperti ini :
<style type="text/css">
.paragraf1 {font-weight: normal;color: red;}
</style>
dan hasilnya dari penerapan kode css diatas akan jadi seperti ini :
CSS Tutorial, CSS pada dasarnya terbentuk dari kode HTML biasa yang memungkinkan kita dengan mudah mengatur layout tampilan sebuah web yang akan kita buat
Untuk peletakkan kode css seperti diatas terserah mau diletakkin dimana aja oke ajalah. mau di antara <head></head> atau dibawah </head> atau langsung di antara <body></body> juga bisa. Nah kalau anda pengennya terpisah sendiri tuh file css, tinggal anda save aja tuh deretan kode css :
<style type="text/css">
.paragraf1 {font-weight: normal;color: red;}
</style>
Anda simpan dengan nama terserah anda dan ekstensinya .css misal filenya yang anda save bernama cssanda.css
maka untuk pemanggilannya tuh kode css tinggal masukkin kode diantara <head></head> :
<link href="cssanda.css" rel="stylesheet" type="text/css">
Pada intinya CSS memudahkanlah buat kita secara cepat ngutak - ngatik tampilan web kita.Sekian dulu pengenalan CSS untuk hari ini, kita lanjut nanti pada serial CSS Tutorial berikutnya. Salam hangat dari saya selaku admin blog seo.
Statistik
Post a Comment
klik disini jika g bisa komen