Tckb ds pyftnt

  • 04 июня 2012 г.
  • 472 Слова
Если вы заметили, слегка приукрасил Дизайн Манию, добавил текстуры в фон. Сразу же появилась идея рассказать вам как именно мне удалось это сделать. Открываю данным постом рубрику «Верстка» раздела«Веб-дизайн». В данной категории планирую публиковать статьи, заметки, рекомендации и уроки по HTML, CSS, а также, возможно, JavaScript. Материал постараюсь размещать простой и с пояснениями, чтобыпонятно было всем читателям. Думаю, подобная информация пригодится многим блоггерам, которые хотят, но не могут подправить собственные дизайны из-за отсутствия навыков верстки.
Итак, с помощью свойстваbackground можно установить цвет, положение, изображение, привязку и повторяемость фона как для отдельного элемента, так и для всего сайта. Последнее, по сути, является заданиям настроек для тэга body.Рассмотрим все свойства, связанные с фоном (background). Если вы только учитесь, то самым лучшим вариантом усвоения урока будет практическое применение свойства в таком же порядке, как я рассматриваю ниже:background-color – задает цвет фона. Можно применять к отдельным элементам <h1>, <p> или ко всему сайту через через тэг <body>:
/* черный фон сайта */body {
background-color: #000;
}
 
/* черный фон заголовка, белый цвет шрифта */
h1 {
color: #fff;background-color: #000;
}
background-image – используется для вставки фонового изображения, при этом в css указываем ссылку на картинку:
body {background-color: #000;
background-image: url ("my-image.jpg");
}
Обратите внимание как указан путь к изображению – это означает, что оно должнонаходится в той же самой папке, что и css файл стилей. В противном случае следует указывать правильный путь к изображению.
background-repeat – используемое в предыдущем примере...
tracking img