Tentang tata letak laman CSS

From Joomla! Documentation

This page is a translated version of the page About CSS page layouts and the translation is 100% complete.

Other languages:
العربية • ‎বাংলা • ‎Deutsch • ‎English • ‎español • ‎فارسی • ‎français • ‎हिन्दी • ‎Bahasa Indonesia • ‎italiano • ‎Nederlands • ‎Nederlands (informeel)‎ • ‎português • ‎português do Brasil • ‎română • ‎русский • ‎中文(台灣)‎

Semua situs web profesional memisahkan penggayaan dari kontennya. Terdapat banyak alasan mengapa, tapi yang paling utama (bagi seorang pengembang) adalah kemampuannya untuk mengontrol tampilan laman dengan merubah satu berkas saja. Informasi yang terkandung di dalamnya seperti, huruf, latar belakang, gambar-gambar (yang muncul pada setiap laman), posisi dan ukuran suatu elemen pada laman. Dengan begitu maka berkas HTML akan menyisakan, informasi kepala laman, sekumpulan elemen, dan tulisan dari situs web Anda. Karena Anda membuat sebuah templat Joomla, maka pada dasarnya Anda memiliki, informasi kepala laman, kode php untuk memanggil informasi-informasi kepala laman lainnya, sekumpulan elemen, kode php yang memanggil setiap posisi modul, dan kode php yang memanggil konten utamanya.

Informasi gaya dibuat dalam kode CSS, cascading style sheet, dan biasa disimpan di dalam berkas-berkas yang berekstensi .css. Sebuah laman web mengandung tautan ke berkas .css terkait sehingga browser dapat menemukan informasi gaya apa yang sesuai diterapkan ke laman. CSS juga dapat ditempatkan di luar berkas HTML di dalam tagar <style type="text/css"></style>.

Semua kode CSS diterapkan ke sebuah elemen HTML/XML laman. Bila Anda menginginkan sebuah gaya mempengarui keseluruhan laman, maka biasanya kode CSS ditempatkan di dalam elemen <body>. Anda juga dapat menerapkan gaya-gaya ke elemen HTML apapun seperti elemen <p>, <table> atau <div>. Untuk hanya menggayakan suatu elemen tertentu saja, maka ia perlu sebuah ID. Contoh, untuk menerapkan gaya title ke <div>, maka Anda harus menuliskan sebuah ID di dalam HTML-nya - <div ID="title">.