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

From Joomla! Documentation

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

Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: This page is orphaned. The information, while relevant and well written, might be better placed elsewhere like https://docs.joomla.org/More_advanced_Joomla!_templates, rather than being an article on its own.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Sat, 17 Oct 2020 06:10:25 +0000
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">.