Файл стилей style.css — что это такое, зачем он нужен и как его изменять?
Пламенный привет посетителям этой страницы, пришедшим из социальных сетей, да и всем остальным тоже! В апреле 2021-го года наблюдал удивительное явление: обильный поток посетителей из 4-х социальных сетей. В связи с этим настоятельно рекомендую всем неоднократно и регулярно посещать сайт rtbsm.ru — там в общих чертах изложена Российская Теннисная Балльная Система Марии (Шараповой).
Приглашаю всех полюбоваться на Фото и Видео красавицы Марии — надеюсь, что Вы поделитесь адресом сайта rtbsm.ru с друзьями и знакомыми.
Главная проблема — известить Марию, чтобы она лично как можно скорее заявила на весь мир о РТБСМ.
Файл стилей style.css — это файл, в котором заданы значения параметров отображения информации, присущие выбранному шаблону. В число этих параметров входят длина и ширина множества полей шаблона, размеры, цвет и толщина различных рамок, используемые шрифты и многие другие параметры.
В используемом шаблоне есть несколько CSS-файлов, которые тоже оказывают влияние на отображение страниц сайта. Чтобы успешно переделывать CSS-файлы, надо изучать Приоритеты стилей в CSS, что достаточно сложно и утомительно. К тому же нужно докопаться до тех функций шаблона, которые вызывают вспомогательные CSS-файлы.
К счастью, существует замечательное правило !important, которое используется тогда, когда нужно, чтобы свойство непременно было применено к элементу независимо от того, в каком селекторе и в каком месте CSS-кода свойство задано. Синтаксис этого правила таков: селектор { свойство: значение !important; }
Первостепенная важность файла style.css подчёркивается тем, что при отображении любой страницы сайта этот файл прочитывается всегда сразу после файла с текстом страницы. В этом можно наглядно убедиться в сервисе PingDom, протестировав им любую страницу сайта. Вспомогательные CSS-файлы постараюсь не затрагивать без острой необходимости.
Через некоторое время после создания сайта, когда поймёте, что сайт нерационально использует ширину экрана современных компьютеров, плохо формирует таблицы и обладает рядом других недостатков, неизбежно возникнет проблема существенной переделки шаблона.
Многое можно изменить, внеся изменения именно в файл стилей style.css Нужно только умудриться разобраться в содержании этого файла, что является весьма нелёгкой задачей.
Приходится держать на сервере хостинга несколько вариантов файла стилей:
- исходный файл style_0.css длиной 23-ри килобайта, который пришёл вместе с шаблоном;
- комментируемый на русском языке файл style_comm.css, в который желательно вносить комментарии ко всем вносимым изменениям, чтобы всегда можно было вспомнить то, в чём смогли разобраться и переделать, а потом благополучно забыли;
- рабочий файл стилей style.css, из которого удалены все комментарии и все лишние пробелы, что существенно сокращает его длину и способствует улучшению скоростных показателей сайта.
Например, рабочий файл стилей этого сайта имеет длину 17-ть килобайт на сервере хостинга и 4,5 килобайта согласно данным сервиса PingDom (при формировании страницы сайта на сервере хостинга происходит автоматическое уплотнение файла стилей). До создания рабочего файла стилей style.css было не 4,5 килобайт, а более 5-ти килобайт.
Считать ли существенным выигрыш примерно 10-ти процентов? Загляните в рекомендации сервиса PageSpeed — он выдаёт множество рекомендаций, которые дают выигрыш в пределах от 5-ти до 10-ти процентов. Решайте сами в каждом конкретном случае, ибо даже 5-ть % дадут разный эффект при оптимизации файла длиной 10-ть килобайт и файла длиной 1210-ть килобайт (такую и даже бОльшую длину могут иметь файлы изображений).
А оптимизировать файл стилей style.css этот сервис призывает первым делом и буквально при анализе каждой страницы сайта!
Множество конкретных рекомендаций по внесению изменений в файл стилей style.css уже разбросаны по страницам раздела Сайт — не вижу смысла выискивать их и переносить на эту страницу: там они полезнее.
Замечу лишь, что считаю рациональным сделать так, чтобы файл стилей style.css имел основную неизменную часть и концовку, в которой сосредоточены все внесенные изменения: это облегчит контроль изменений и повысит вероятность того, что последующие инструкции не перешибут записанных Вами инструкций.
Хорошо бы файл стилей style.css проанализировать на непротиворечивость инструкций, но это нудная и кропотливая работа, за которую даже страшно браться. А искать сервис анализа файл стилей style.css на непротиворечивость как-то пока недосуг! Со временем займусь на досуге, если он появится!
Запустил Валидатор CSS. Он не обнаружил ошибок CSS-кода, но выдал 283-ри предупреждения. Начал постепенно избавляться от этих предупреждений, надеюсь с их помощью кое-что улучшить на страницах сайта.
Приглашаю всех высказываться в Комментариях. Критику и обмен опытом одобряю и приветствую. В хороших комментариях сохраняю ссылку на сайт автора!
И не забывайте, пожалуйста, нажимать на кнопки социальных сетей, которые расположены под текстом каждой страницы сайта.
Продолжение тут…
Поржала от души! Спасибо за приподнятое настроение :)) — зашла по поиску: css style, а тут … выращиваем помидоры и сныть Х))))) ну, информацию, которая нужна была, я таки на данной странице получила.