CSS коды:

Подключение файла .css выглядит следущим образом:

<link rel="stylesheet" href="style.css">

Селекторы

Пример №1 - <div class="global"></div>:

• div - устанавливает значения для всех элементов "div"
• .global - устанавливает значения для всех элементов с классом "global"
• div.global - устанавливает значения только для элементов "div" с классом "global"

Пример №2 - <ul id="menu">:

• ul - устанавливает значения для всех элементов "ul"
• #menu - устанавливает значения для всех элементов с идентификатором "menu"
• ul#menu - устанавливает значения только для элементов "ul" с идентификатором "menu"

Пример №3
<ol class="dico">
    <li>Пила по металлу</li>
    <li>Пила по дереву</li>
</ol>

• li - устанавливает значения для всех элементов "li"
• ol li - устанавливает значения для всех элементов "li" внутри предка "ol"
• .dico li - устанавливает значения для всех элементов "li" но внутри предка с классом "dico"

Пример №4 - <em class="date">21 января 2018 года</em>:

• em.date - устанавливает значения для всех элементов "li"

Полезные фишки

Сделать шрифт более гладким на мобильных устройствах, или если его очень хорошо увеличить:

-webkit-font-smoothing: antialiased;

Сделать так, чтобы наш сайм легко можно было проскроллить даже при помощи тач скрина:

-webkit-overflow-scrolling: touch;

a:hover - Наведение на ссылку
a:hover - Фокусировка/Нажатие на ссылку