Css верстка: вопрос – ответ

css-verstka

Приветствую пользователей своего блога, любителей создавать, оптимизировать и продвигать свои сайты, порталы, форумы и т. д. :)
Сегодня я отвечу на несколько постоянно задаваемых вопросов по верстке связанные в основном с каскадными таблицами, т. е. с css. А также небольшой опрос в конце поста.

Вопрос №1. Как центрировать сайт?

Если бы внимательно читали мои уроки по верстке, (продолжение обязательно будет) то вопрос сам бы собой отпал.

И так, создавай сайт мы создаем некий каркас. Обычно его называют #wrapper , #wrap и т. д. Блок идет обычно после тега body (тут все зависит от сложности сайта). В css файл прописываем ширину и внешние отступы:

#wrapper {
 width:1024px;
 margin:0px auto;
 }

Все ок. Ваш сайт будет центрирован.

Вопрос №2. Как зафиксировать фоновую картинку ?

Тут все проще чем кажется. Надо вначале определить блок, в который мы поместим наше изображение. Например, #main, а можно и в сам тег body. Css код выглядеть будет так:

 body {
 background: url(images/vasha_kartinkaa.jpg) fixed 0 0 no-repeat;
 }

Теперь фон будет стоять на месте, а контент прокручиваться.

Вопрос №3. Как уменьшить css файл?

Вопрос очень интересен. Что может сделать html верстальщик в таком случае? Писать проще и короче. Ведь чем меньше кода тем легче файл.
Можете посмотреть презентацию моих советов по html и css. Заменяйте и объединяйте селекторы, вместо:

.users {
 margin-top:5px;
 margin-bottom:10px;
 margin-right:0px;
 margin-left:0px;
 }

Лучше сделать так:

.users { margin:5px 0px 10px; }

Намного приятней удобней и короче, не так ли? Запомнить очень легко: сверху справа снизу слева, т. е. по часовой стрелке. Для свойства padding аналогично.

Также можно сжать css файл с помощью различных сервисов, но я вам особенно начинающим не рекомендую экспериментировать, т. к. затем редактировать такой файл крайне трудно.
Пройдите валидацию css, в предупреждениях Вы найдете все свои совпадения, которые проглядели. Снизу можно найти раздел Информация о корректном CSS, где Ваш css  уже исправленный ;) .

Все остальные вопросы можете также задавать в комментариях, либо отписаться мне. Не забываем кому я предоставляю бесплатные консультации. ;)

Как я ранее говорил Вам необходимо получше изучать css и html и никаких сложностей не возникнет ;)
Теперь маленький опрос:

Нужно ли Вам изучение практическое изучение css на моем блоге?

View Results

Загрузка ... Загрузка ...

с/у  УтБ

Постовой: Всем кто изучает Seo, облегчите себе жизнь, установите SEO плагин для FireFox

На десерт сегодня танцы первоклассника, не знаю как Вам, но я смеялся до слез :)

Комментарии к статье

  • #

    никогда не приходилось фиксировать фон, но было ужасно интересно как это делается))

  • #

    Спасибо вам за эти ооочень полезные уроки. Почерпнул много полезного. Но совершенство не знает предела, а для этого нужно учиться,учиться и учиться.

    • #

      Согласен, учитесь, но в верстке, практика особенно важна ;)

  • #

    Какую Вы можете порекомендовать литературу по верстке, кроме вашего блога?:)

  • #

    Хочу оставить комментарии на ваши предыдущие уроки по верстке, но просто ненахожу для этого поля ответа. Что в опере, что в ослике. Как же прокомментировать статьи? Очень хочется.

    • #

      потому, что комментарии запрещены были :) по истечению определенного времени (вроде месяц) комменты закрывались. Пока, амнистия)) открыл доступ от 3 месяцев ;)