Различия

Показаны различия между двумя версиями страницы.

--- software:development:demo:cms:ucms:sample_php_page_style_css [2026/02/08 18:03] – [4.3.1. Файл style.css] VladPolskiy
+++ software:development:demo:cms:ucms:sample_php_page_style_css [2026/02/08 19:34] (текущий) – [Файл sample.html] VladPolskiy
@@ Строка 17: / Строка 17: @@
       * [[software:development:demo:cms:ucms:sample_php_page_about.php|4.7.2 Файл about.php]]
       * [[software:development:demo:cms:ucms:sample_php_page_contact.php|4.7.3 Файл contact.php]]
 ===== Введение =====
+Файл style.css — это внешний файл каскадных таблиц стилей, используемый в веб-разработке для оформления HTML-документов. Он содержит правила CSS, определяющие дизайн, верстку, шрифты и цвета, позволяя централизованно управлять внешним видом сайта, не меняя структуру HTML. Файл подключается внутри тега **%%<head>%%** через **%%<link rel="stylesheet" href="style.css">%%**. \\
+Основные аспекты файла **style.css**:
+  * Назначение: Описание внешнего вида (стилей) веб-страниц.
+  * Преимущества: Упрощает обслуживание, устраняет дублирование тегов, позволяет изменять дизайн всего сайта через один файл.
+Структура: Состоит из селекторов (элементов HTML) и блоков объявлений **%%{свойство: значение;}%%**.
 ===== Файл style.css =====
-Создадим корневую директорию стилей шаблона **css** и в ней создадим в блокноте файл **style.css** и вынесем из файла **sample.html** код блока стилей, заключенный между тегами **%%<style>%%** и **%%</style>%%**.\\
+Создадим корневую директорию (папку) стилей шаблона **./css** и в ней создадим в блокноте файл **style.css** и вынесем из файла **sample.html** код блока стилей, заключенный между тегами **%%<style>%%** и **%%</style>%%**.\\
 <code css style.css>
 html {
@@ Строка 118: / Строка 124: @@
 }
 </code>
-На этом с шапкой шаблона закончим и перейдем к файлу **footer.php** в следующей главе
+===== Файл sample.html =====
+В //строке 19// файла **sample.html** тег **%%<style>%%**
+<code html sample.html [enable_line_numbers="true", start_line_numbers_at="18",highlight_lines_extra="19"]>
+	<!-- блок стилей css -->
+<style>
+</code>
+заменим на **%%<link rel="stylesheet" href="css/style.css" />%%** (код подключения внешнего файла стиля.).
+<code html sample.html [enable_line_numbers="true", start_line_numbers_at="18",highlight_lines_extra="19"]>
+	<!-- блок стилей css -->
+<link rel="stylesheet" href="css/style.css" />
+</code>
+//Строку 100// файла **sample.html** с закрывающим тегом **%%</style>%%** удалим за ненадобностью.
+<code html sample.html [enable_line_numbers="true", start_line_numbers_at="100",highlight_lines_extra="100"]>
+</style>
+  </head>
+</code>
+На этом со стилями файла **sample.html** закончим и перейдем к файлу **scripts.js** в следующей главе
 ===== Дополнения и Файлы =====
 см. также: