CSS | Подключение и приоритет правила стиля
Правило CSS-стиля определяет браузеру порядок отрисовки (отображения) html-элемента заданного свойства – расположения на экране и внешнего вида (цвет, шрифт, размер блока, списка, абзаца…). По месту нахождения и приоритету выполнения различают встроенный, внутренний и внешний CSS-стили.
- Приоритет стилей в браузере
- Встроенный стиль
- Внутренный стиль
- Внешний стиль
Приоритет стилей в браузере
Приоритет выполнения стилевых правил в браузере направлен по пути наименьшего расстояния прочтения правила стиля к источнику его кода – от встроенного, через внутренний, к внешнему стилю.
Встроенные стили в браузере выполняются первыми, дополняясь стилями внутренними и внешними, естессно – при наличии таковых. Стилевое правило с указанным свойством и значением выполняется браузером один раз. Браузер не перестраивает страницу до бесконечности. Выполнив в приоритете встроенное свойство отображения html-элемента – браузер игнорирует остальные его значения, указанные во внутреннем или внешнем стилях.
Отсутствие или ошибка в указании имени-значении стилевого свойства дадут право браузеру отобразить элемент по своему усмотрению, с пользовательскими настройками «по умолчанию».
Встроенные стили подключаются в открывающем теге html-элемента, в качестве значений атрибута style. Стилевые правила элемента разделяются точкой с запятой. Количество правил, определяющих стилевые свойства html-элемента не ограничено.
<p style="правило; правило; правило;"> Видимый текст </р>
Правило стиля
Правило стиля (стилевое правило, объявление стиля) – указание свойства html-элемента в требуемом значении. Правило стиля (стилевое правило) состоит из имени применяемого свойства и принимаемого допустимого значения, разделенных двоеточием.
Правило стиля => свойство:значение
Внутренний и внешний CSS-стили находятся за пределами тега отдельного html-элемента. Стилевые правила группируются в блоки объявления стилей с обязательным указанием селектора блока и составляют правило таблицы стилей CSS (Cascading Style Sheets). Таблицы CSS, в отличие от встроенного стиля – всегда находятся за пределами описываемого html-элемента, внутренние – в теле веб-документа, внешние – в отдельном файле с расширением .css
Месть верстальщика
Вёрстка шаблона сайта начинается с идеи, принадлежщей неадекватному владельцу, сумасшедшему дизайнеру, зарвавшемуся программисту, унылому продавцу колбасы, весёлому менеджеру среднего звена, и даже – покладистой тётке из соседнего подъезда.
Шаблон сайта верстальщику не принадлежит. Верстальщик не имеет собственных идей, собственного мнения и права на тихий лепет. От бедолаги-верстальщика требуется топтать дорогу к признанию и славе других… Увы, суровость профессии верстальщика – быть непонятым. Вверстальщик проводит земную жизнь «в тени чужой славы» – непонятный и незамеченный, в бесконечной борьбе со страничным кодом за воплощение чужих идей.
Пинают и поносят верстальщика – заслужил! Ибо он (и только он) повинен в падении проекта. Проект поднимется – не заслуга верстальщика. Эта бездарная тварь (верстальщик) только и может, что «полоскать да выносить всем мозги своим кодом». Хороший верстальщик – верстальщик, которого нет!