О CSS-слоях страниц

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ă • ‎русский

В профессиональных сайтах стили представления отделены от содержимого. На это существует много причин. Самая очевидная (для разработчика) это иметь возможность контролировать внешний вид многих страниц путем изменения одного файла. Информация о стиле включает в себя: шрифты; обои; картинки (которые повторяются на каждой странице); положение и размеры элементов на странице. Ваш HTML-файл теперь будет содержать: заголовочную информацию; серию элементов; текст Вашего сайта. Когда Вы создаете Joomla! шаблон, у Вас имеются: некоторые сведения из заголовка; PHP-код для запроса оставшейся информации для заголовка ; ряд элементов; PHP-код для заполнения каждого модуля и позиции; PHP-код с запросом на основное содержание.

Информация о стиле кодируется в CSS, каскадных таблицах стилей, и обычно хранится в файлах с суффиксом .css. Веб-страница содержит ссылку на связанный с ними .css-файл(ы), поэтому браузер может найти соответствующую информацию о стиле, чтобы применить его к странице. CSS может также быть размещена внутри HTML-файла между тегами <style type="text/css"></style>.

Весь код CSS применяется к элементу внутри HTML/XML страницы. Если вы хотите оформить определенным стилем всю страницу, вы, вероятно, примените его к элементу <body>. Вы можете применить стили для элементов HTML, таких как <p>, <table> или <div>. Стиль конкретного элемента должен иметь идентификатор (параметр "id"). Например, чтобы применить стили к <div> содержащий заголовок, Вы должны сначала включить парампетр "id" в HTML вот таким образом - <div ID="title">.

Advertisement