селекторы в действии - шаг-3-стили для элементов body
Оригинал: Step 3 - styling the body element
Внешние и внутренние отступы
У некоторых браузеров существуют свои внешние и внутренние отступы от края страницы, у некоторых этих отступов нет. Чтоб страница имела одинаковые
отступы в разных браузерах нужно устонить следующие стили:
body {
margin:0;
padding:0;
}
Font size
Если Font size установлен по умолчанию, то он является наиболее доступным, а некоторые считают самым лучшим.
Однако некоторым пользователям
он может показатся слишком большим.
Следующий шаг является не обязательным!
Один из методов уменьшения размера шрифта состоит в том, чтобы установить
размер шрифта 95% для элемента <body>, что позволит уменьшить размер шрифта на всей странице на 5% -
так как этот размер наследуется всеми остальные элементами вложенными в <body>.
body {
margin:0;
padding:0;
font-size:95%;
}
Семейство шрифта
Также вы можете установить семейство шрифта, которое будет использоватся на всей странице.
Необходимо постоянно помнить, что некоторые браузеры не правильно наследуют семейство шрифта установленное для тега <body>.
К примеру для элементов тега <form> нужно отдельно устанавливать Font-family.
При описании семейства шрифта (Font-family) важно указать несколько шрифтов, которые похожи друг на друга по начертанию.
Так как не все шрифты присутствуют на компьютерах пользователей. А несколько описаных вами шрифтов сделают вероятность того, что нужного шрифта у пользователя нет намного меньше.
body {
margin:0;
padding:0;
font-size:95%;
font-family:georgia, times, "times new roman", serif;
}
Цвет
Также желательно указать для тега
<body> цвет текста и фона,
которые будут использоваться на странице, так как их значения по умолчанию в разных браузерах различаются.
body {
margin:0;
padding:0;
font-size:95%;
font-family:georgia, times, "times new roman", serif;
color:#000;
background-color:#fff;
}
Просмотреть шаг 3
Перейти к шагу #4
Добавить комментарий
