
Стілірованіе HR-тегів за допомогою CSS
Різні браузери мають різні стилі за замовчуванням для заголовків - теги h1, h2, h3 і т.д. Однак з невеликою кількістю 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; }