Использование селекторов: 3.Стили для элементов body

Внешние и внутренние отступы

У некоторых браузеров существуют свои внешние и внутренние отступы от края страницы, у некоторых этих отступов нет. Чтоб страница имела одинаковые отступы в разных браузерах нужно устонить следующие стили:

      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%;
      }

Цвет

Также желательно указать для тега <body>цвет текста и фона, которые будут использоваться на странице, так как их значения по умолчанию в разных браузерах различаются:

      body {
      margin:0;
      padding:0;
      font-size:95%;
      }

 

Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D