Стілірованіе HR-тегів за допомогою CSS

Різні браузери мають різні стилі за замовчуванням для заголовків – теги h1, h2, h3 і т.д. Однак з невеликою кількістю CSS ми можемо стилізувати їх так, як нам подобається.

Якщо ми хочемо застосувати певні стилі до всіх наших заголовкам – наприклад, поля, щоб створити більший простір над заголовком, ніж між ним і наступним абзацом, напишіть CSS наступним чином:

h1, h2, h3, h4, h5 {
    margin-top: 35px;
    margin-bottom: 0;
}

Також зверніть увагу, що нижній край, який встановлений як нуль, не має одиниці виміру. Нуль не потребує будь-якої одиниці виміру; нуль дорівнює нулю, будь то px, em, відсотків, що завгодно.

Можливо, ми хочемо, щоб наші заголовки відрізнялися від інших наших сторінок, і з цим CSS

h1, h2, h3, h4, h5 {
    margin-top: 35px;
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
}

ми можемо домогтися цього з мінімальним стилем: (див. шрифт Arial, застосовуваний до заголовків.)

Або ми можемо звертатися до окремих тегам:

h1 {
    color: #FF0000; 
}
h2 {
    background: #FFFF99; 
}
h3 {
    text-align: center;
}
h4 {
    font-style: italic;
}
h5 {
    color: #CCFFFF; 
    background: #000099;
}