Любовь и ненависть в CSS
Эта маленькая статья поможет вам правильно расположить стили ссылок в каскадной таблице стилей (style.css). В основе принципа запоминания правила лежат два слова – «love» «hate» («любовь» и «ненависть»), что облегчает процесс!
Монстры вёрстки знают это правило, как «Отче наш». И нам бы пора присоединиться к этому могущественному клану. Все, кто так или иначе сталкивался с построением сайта, знает, что стили ссылок прописываются в каскадной таблице стилей – CSS (Cascading Style Sheets). И каждый прописывал это правило. Но!!! В какой последовательности нужно указывать эти правила, чтобы сократить время загрузки сайта. Каждую строчку элементов любой браузер читает с конца…
А правило очень простое! Запоминаем два слова – «love» и «hate», что переводится, как «любовь» и «ненависть». Затем пишем в файле style.css
a:link {color: #цвет для ссылок;}
a:visited {color: #цвет для ссылок, которые вы уже посетили;}
a:hover {color: #цвет ссылок, на которые наведён курсор;}
a:active {color: #цвет для ссылок, по которым перешли;}
Всё очень просто!
Love – link (все ссылки)
loVe – visited (ссылки, которые вы уже посетили)
Hate – hover (ссылки, на которые наведён курсор)
hAte – active (активная ссылка)
Вот и весь секрет построения этой части файла CSS! Не забывайте, пишите именно в этом порядке. И тогда вы ещё на 0,01 долю ускорите процесс загрузки вашего сайта!
Статьи по теме оптимизации сайта я продолжу. Следите за обновлениями.
Опубликовал Administrator - 18 августа 2016, 14:41 - 51 просмотр
Похожие записи: Разновидности логотипов и их стили.
Ручная сортировка публикаций в Ruxe Engine
Аксиоматический CSS. Часть 3. Синтаксис.
Аксиоматический CSS. Часть 2
Аксиоматический CSS и современная вёрстка веб-страниц (часть 1)