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.
Style information is coded in CSS, cascading style sheet, and usually stored in files with the extension .css. A webpage contains a link to the associated .css file so a browser can find the appropriate style information to apply to the page. CSS can also be placed inside a html file between <style type="text/css"></style> tags.
All CSS code is applied to an element of the html/xml page. If you want a style to encompass a whole page, you would probably apply it to the <body> element. You can apply styles to any html element such as <p>, <table> or <div> elements. To style a particular element it needs to have an ID. For example, to apply styles to the <div> containing the title, you would first include an ID in the html - <div ID="title">.