CSS adalah singkatan dari Cascading Style Sheet yang memungkinkan mendesain tampilan dokumen (berupa Php dan HTML)dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya.
Layout atau mengatur letak web, format huruf, dan lainnya dalam sebuah web merupakan bagian penting bahkan bisa jadi paling lama dibanding dengan bagian desain web lainnya. Dikarenakan oleh pembuatan layoutnya, jika kita membuat layout yang salah,maka web kita juga akan salah diterjemahkan oleh browser dan sebaliknya. Bisa jadi juga disebabkan setiap browser memiliki dukungan bahasa CSS yang berbeda dan tentunya default dari browsernya sendiri yang berbeda-beda. IE merupakan browser paling rewel layout CSS karena kurang dukunganmya terhadap CSS.
Kita hanya perlu satu file CSS, meskipun kita mempunyai banyak file HTML sehingga ketika kita mengganti jenis huruf pada file CSSmaka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. W3C (World Wide Web Consortium) menstandarisasi CSS.
Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu: External Style Sheet (file CSS berbeda dari file HTML), Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML) dan Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan). Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya.
Terdapat 2 metode yang sering dipakai untuk membuat layout halaman web, yaitu:
1. Metode Table
2. Metode Div
1. Metode Table
Metode ini banyak digunakan banyak orang pada zaman dulu sebelum HTML dan CSS berkembang.
2. Metode Div
Metode ini dipakai setelah banyak orang yang beralih. Alasannya metode DIV mempunyai beberapa keuntungan, yaitu:
- Halaman web lebih cepat di load (karena lebih sedikit tag)
- Mudah dianalisa jika ada error
- Ukuran halaman web lebih kecil
- Lebih fleksibel dalam peletakkan layout/elemen
Pada umunya ada empat bagian yang sering ada dalam layout sebuah web yaitu:
- Header –> berisi tema web/ judul
- Menu –> menu link web
- Content –> isi dari web
- Footer –> identitas/ copyright
Sedikit penjelasan dasr-dasar CSS semoga dapat dipahami.


Komentar Terakhir