PROGRAMMING, TIPS TRIK

Apa Itu CSS ?

Wah kalo liat judul nya kayak nya saya dah expert banget kalo berkata seperti itu. Saya hanya sedang berusaha menuju kesana. Tulisan ini hanya akan memberikan sharing pengetahuan aja. CSS atau Cascading Style Sheet adalah suatu cara bagaimana menampilkan web. Seperti kita ketahui bahwa web itu terbagi menjadi 2 bagian yaitu Layout dan Content. Kalo berbicara layout tentunya kita berkutat bagaimana mengatur tata letak dari web kita sedangkan content adalah segala sesuatu yang berada dalam web baik itu tulisan,gambar dan lain-lain.Tentunya untuk membuat layout kita dapat menggunakan frame atau table.Namun ada beberapa kelebihan jika kita mengatur layout dengan menggunakan CSS :

1.Mempermudah dalam hal maintain

Jika kita menggunakan frame tentunya kita harus mengedit setiap frame jika ada perubahan sehingga proses maintainya akan lama

2.Simple

Kita dapat menggunakan satu file CSS untuk semua layout

CSS terbagi menjadi dua bagian yaitu :

a.Selector

b.Description dimana terbagi menjadi dua lagi yaitu properties dan values

Contoh

p{font-weight:bold}

p adalah selector dan yang didalam {} adalah description dimana font-weight adalah properties dan bold adalah values.

Untuk menggunakan CSS ada tiga cara yang dapat digunakan diantaranya :

a.Inline css ditempat kan tag nya secara langsung

<p style=”font-weight:bold;color:blue”></p>

b.Embeded atau Internal css ditempat  langsung pada halaman web. Penempatannya biasanya di dalam tag <head>

<html>

<head>

<style type=”text/css”>

p{font-weight:bold}

</style>

</head>

c.External biasanya kita membuat sendiri file css nya kemudian kita panggil di halaman web yang akan pakai css nya. Penempatan nya diantara tag <head>

<html>

<head>

<link rel=”stylesheet” type=”text/css” href=”file.css”>

</head>

Semoga bermanfaat )

Standar

One thought on “Apa Itu CSS ?

  1. haditriyanto berkata:

    waw. tahnks so much inponya bro. kalo di wordpress waktu kita instal theme tapi gagal gara-gara stylesheetnya hilang katanya. Itu bagaimana cara atasinnya bro? tolong dibantu pemula ini.

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s