APA ITU CSS?

Apa itu CSS | CSS adalah kependekan dari Cascading Style Sheet ,pengertiannya adalah sekumpulan code pemrograman web yang berfungsi untuk mengendalikan beberapa komponen didalam web sehingga menjadi tampak seragam,berstruktur dan teratur.CSS inilah yang bertanggung jawab atas penampilan web anda  dimata pengunjung melalui browser internet.

 CSS yang buruk bisa membuat visitor Anda tidak kerasan lagi menjelajahi blog anda,apalagi untuk kembali lagi.

Memaksimalkan CSS adalah penting (khususnya) blog agar lebih nyaman untuk dibaca dilihat oleh visitor anda dan kalau bisa bikin lah CSS yang meringankan loading.

 Jika anda tertarik untuk mengedit tampilan template blog sendiri,maka mengerti CSS adalah wajib.Namun ingat,untuk menjadi seorang blogger tidak wajib untuk mengerti CSS karena banyak template yang bisa didapat dari desainer blog.Tapi tak ada salahnya kan mengerti sedikit saja?…..karena menggunakan tampilan blog hasil desain sendiri itu dapat memberikan kepuasan tersendiri.

Pengenalan Dasar penulisan CSS

Untuk pengenalan dasar CSS,kita wajib mengetahui apa itu yang namanya ;

  • Selector
  • Properti
  • Deklarasi
  • Nilai/Values

Contoh penulisan code  CSS

body {background-color: white;}

body adalah sebagai Selector
background-color adalah Properti
white adalah Nilai/values

Deklarasi adalah bagian yang berada didalam “{  }” yaitu properti dan nilai

Selector adalah bagian atau elemen yang ingin kita atur stylenya.
Properti adalah komponen yang kita butuhkan
Nilai/value adalah nilai dari deklarasi yang kita inginkan

Segitu saja dasar CSS,untuk lebih lanjut,nanti kita akan mengenal apa saja code yang bisa dimasukkan kedalam golongan properti,selector ataupun Nilai untuk postingan berikutnya.

Metode yang dipakai dalam penggunaan CSS 

Inline style sheet metode 
Penulisan atribut css langsung kedalam code HTML yang dimaksud

Contoh:

<div align=”center” style=”background=”white;”> Ini adalah bagian yang diatur stylenya</div>

Embeded style sheet
Penulisan CSS dengan mendefinisikan dulu didalam sebuah tag
<style type=”text/css”>code CSS</style> yang dipasang sebelum tag </head>
Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh:

<html>
<head>
<title>Title halaman</title>
<style>
body {background:#0000FF; color:#FFFF00;}
h1 {font-size:18px; color:#FF0000}
p {font-size:12px; font-family:arial; text-indent:0.5in}
.header-wrapper{margin:0 auto;border 1px solid #cccccc;}
</style>
</head>
<body>
<div>komponen header</div>
<h1>Judul psotingan ini berukuran 18 dengan warna merah!</h1>
<p>Artikel /paragraf ada disini berukuran 12</p>
</body>
</html>

Menurut sifatnya CSS itu memiliki 2 sifat yaitu CSS external dan CSS internal adalah CSS yang ditulis secara langsung didalam halaman web yang disesain.Jika anda membuat dua halaman web yang berstyle sama ,maka dihalaman yang kedua kita juga memasukkan code css yang sama

CSS external adalah CSS yang ditulis didalam berkas style.css dan diletakkan ditempat khusus atau bahkan diluar dari situs tersebut.

Berkas CSS itu bersxtensi css,bisa di beri nama yang memudahkan untuk diingat,misalnya cssku-page1.css.

Rumor mengatakan bahwa css external itu lebih meringankan loading blog?…saya kurang tahu pasti.Tergantung pilihan anda,lebih suka cara yang mana..

Cara penulisan code pemanggilan css  adalah

<link href=”http://situsku.com/style/cssku.css” rel=”stylesheet” type=”text/css” media=”screen”></link>

Selamat belajar bloging 😀

326 thoughts on “APA ITU CSS?

  1. Pingback: generic ventolin
  2. Pingback: buy naltrexone
  3. Pingback: viagra suppliers
  4. Pingback: chloroquine 2020
  5. Pingback: viagra online
  6. Pingback: buy cialis
  7. Pingback: viagra online usa
  8. Pingback: Viagra 130 mg uk
  9. Pingback: Cialis 10 mg usa
  10. Pingback: Cialis 80 mg pills
  11. Pingback: cheap Cialis 80mg
  12. Pingback: Cialis 20 mg usa
  13. Pingback: actos 30mg nz
  14. Pingback: strattera 25mg nz
  15. Pingback: aricept 10mg usa
  16. Pingback: arimidex 1 mg nz
  17. Pingback: tamoxifen 10mg nz
  18. Pingback: buy avapro 300 mg
  19. Pingback: benicar 40 mg otc
  20. Pingback: casodex 50mg nz
  21. Pingback: catapres for sale
  22. Pingback: ceclor 500mg usa
  23. Pingback: celebrex usa
  24. Pingback: celexa 20mg price
  25. Pingback: cipro coupon
  26. Pingback: order claritin
  27. Pingback: best casino online
  28. Pingback: online casinos usa
  29. Pingback: online casino usa
  30. Pingback: online casinos usa
  31. Pingback: fast personal loan
  32. Pingback: payday loans in wv
  33. Pingback: personal loans
  34. Pingback: buy sildenafil us
  35. Pingback: women viagra price
  36. Pingback: paper writer
  37. Pingback: buying essay
  38. Pingback: combivent tablet
  39. Pingback: coreg usa
  40. Pingback: compazine price
  41. Pingback: coumadin otc
  42. Pingback: cozaar uk
  43. Pingback: crestor purchase
  44. Pingback: cymbalta generic
  45. Pingback: ddavp 0.1 mg cost
  46. Pingback: cheapest diamox
  47. Pingback: erythromycin otc
  48. Pingback: flomax nz
  49. Pingback: geodon prices
  50. Pingback: check it out
  51. Pingback: imuran 50mg otc
  52. Pingback: lamisil 250 mg otc
  53. Pingback: mestinon otc
  54. Pingback: mobic 15mg online
  55. Pingback: motrin 200mg pills
  56. Pingback: periactin pills
  57. Pingback: phenergan otc
  58. Pingback: plaquenil prices
  59. Pingback: prevacid cost
  60. Pingback: reglan uk
  61. Pingback: remeron generic
  62. Pingback: revatio 20mg cheap
  63. Pingback: rogaine 5% online
  64. Pingback: seroquel price
  65. Pingback: sildenafil prices
  66. Pingback: tricor cost
  67. Pingback: vantin pills
  68. Pingback: cialis daily dose
  69. Pingback: Visit This Link
  70. Pingback: zocor 40 mg coupon
  71. Pingback: zovirax for sale
  72. Pingback: sildenafil cost
  73. Pingback: tadalafil price
  74. Pingback: exotica viagra
  75. Pingback: spironolactone otc
  76. Pingback: military viagra
  77. Pingback: donepezil pharmacy
  78. Pingback: dutasteride coupon
  79. Pingback: olmesartan tablet
  80. Pingback: citalopram nz
  81. Pingback: clindamycin prices
  82. Pingback: clozapine purchase
  83. Pingback: carvedilol canada
  84. Pingback: cheapest warfarin
  85. Pingback: cost of phenytoin
  86. Pingback: oxybutyninmg cost
  87. Pingback: doxycycline pills
  88. Pingback: bisacodyl 5 mg nz
  89. Pingback: amoxicillin otc
  90. Pingback: nfgjdccf
  91. Pingback: buy alendronate
  92. Pingback: sumatriptan coupon
  93. Pingback: loperamide cost
  94. Pingback: help essay
  95. Pingback: zithromax pack
  96. Pingback: starting clomid
  97. Pingback: priligy tablet
  98. Pingback: diflucan pharmacy
  99. Pingback: soy and synthroid
  100. Pingback: propecia youtube
  101. Pingback: neurontin medscape

Leave a Reply