About CSS page layouts/id
From Joomla! Documentation
Situs web profesional memisahkan gaya dari konten. Ada banyak alasan mengapa, yang paling utama (bagi seorang pengembang) adalah jadi lebih dapat mengendalikan tampilan banyak halaman dengan mengganti satu berkas. Informasi gaya termasuk: huruf; gambar latar; gambar (yang muncul berulang di setiap halaman); posisi dan dimensi elemen-elemen halaman. Berkas HTML Anda sekarang tinggal: informasi header; kumpulan elemen; teks situs web Anda. Karena Anda membuat templat Joomla!, maka Anda sebenarnya punya: beberapa informasi header; kode php untuk meminta informasi header yang lainnya; kumpulan elemen; kode php untuk meminta masing-masing posisi modul; kode php untuk meminta konten utama.
Informasi gaya dikode dalam CSS, cascading style sheet, dan biasanya disimpan di dalam berkas berekstensi .css. Sebuah halaman web mengandung tautan ke berkas .css yang terkait sehingga peramban bisa menemukan informasi gaya yang sesuai untuk diterapkan ke halaman. CSS juga bisa diletakkan di dalam sebuah berkas html diantara tagar <style type="text/css"></style>.
Semua kode CSS diterapkan ke sebuah elemen halaman html/xml. Jika Anda ingin sebuah gaya mencakup keseluruhan halaman, maka Anda bisa menerapkannya ke elemen <body>. Anda dapat terapkan gaya ke elemen html apapun misalnya elemen <p>, <table> atau <div>. Untuk memberi gaya kepada elemen tertentu diperlukan sebuah ID. Sebagai contoh, untuk menerapkan gaya ke <div> yang mengandung judul, pertama kali Anda harus memasukkan ID di html - <div ID="title">.