Любовь и ненависть в 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 - 277 просмотров


Похожие записи: Разновидности логотипов и их стили.
Ручная сортировка публикаций в Ruxe Engine
Аксиоматический CSS. Часть 3. Синтаксис.
Аксиоматический CSS. Часть 2
Аксиоматический CSS и современная вёрстка веб-страниц (часть 1)


Комментарии




Зарегистрируйтесь или войдите в Ваш аккаунт, чтобы оставить комментарий.



 

Вход на сайт


Avatar