Сайтостроение

Что такое DOCTYPE и с чем его едят?

doctype

Каждый, кто имеет дело с html-кодом, верстает или пока еще только учится верстать сайты, просто обязан знать о том, что в начале каждой HTML страницы перед тегом должен стоять тег DOCTYPE.

Именно о нем то мы сегодня и поговорим с Вами.

Тег DOCTYPE (Document Type Definition) в начале HTML страницы указывает на тип документа, который вы будете использовать при написании HTML-кода страницы. Это непарный тег, то есть у него нет закрывающего тега.

Читать полностью

Комментарии отключены

Свойство border-image — Как сделать графическую границу

border-image-1

Итак, мы продолжаем серию статей по CSS. В предыдущей статье мы с Вами рассмотрели применение CSS свойств границы (border) элементов страницы. И я обещал Вам, что расскажу о том, как использовать для прорисовки границ — картинки. Об этом и пойдет сегодня речь.

Чтобы использовать изображения для построения границ будем использовать CSS cвойство border-image.

Толщина границ задается свойством border, при этом если указано border: 0, то рамка не выводится. При других значениях border рисунок всегда имеет приоритет. Фон, если он задан через свойство background, отображается под рамкой.

Читать полностью

Комментарии отключены

Использование границ (border) при верстке

border

Всем привет!

Сегодня я хочу поговорить с Вами об одном очень эффективном инструменте, который очень прост, но в то же время позволяет придать элементам Вашего сайта неповторимости.
Мы будем говорить о границах (border).

До сих пор многие верстальщики используют картинки для верстки границ элементов, скругленных углов и т.д. Сейчас нет необходимости использовать эти сложные приемы. Современные таблицы стилей CSS способны при помощи короткого кода придать границам элементов нужный дизайн.

Но давайте обо всем по порядку.

Читать полностью

Комментарии отключены

Управление размером фонового изображения при помощи css

background-size

Одним из наиболее часто используемых при верстке сайтов css-свойств является свойство фона элемента страницы (background). Сегодня мы поговорим с Вами о том, как можно изменять размеры фонового изображения при помощи CSS.

В более старой версии CSS 2.1 фоновая картинка, применяемая к контейнеру, сохраняла свои фиксированные размеры. Изменить размеры фоновой картинки было нельзя. К счастью, в CSS3 введено свойство background-size, с помощью которого фон может быть растянут или сжат.

Читать полностью

Комментарии отключены

Высота и ширина элемента в CSS, использование префиксов min и max

height-и-width

При работе с каскадными таблицами стилей css, одними из наиболее часто используемых свойств являются свойства height (высота) и width (ширина). Они применяются к блочным элементам. Высота и ширина не включают толщину границ вокруг элемента, значение отступов и полей.

Если содержимое блока превышает указанную высоту, то высота элемента останется неизменной, а содержимое будет отображаться поверх него. Из-за этой особенности может получиться наложение содержимого элементов друг на друга, когда элементы в коде HTML идут последовательно. Чтобы этого не произошло, добавьте overflow: auto к стилю элемента. Это добавит к элементу полосу прокрутки.

Читать полностью

Комментарии отключены

Сайт — резиновый или фиксированный...

резиновый сайт

Здравствуйте, друзья!

Сегодня я хотел поговорить с Вами про два разных типа дизайна сайтов: резиновый и фиксированной ширины.

Часто начинающие веб-мастера не знают о существовании этих типов дизайна, и тем более, чем они отличаются. Сегодня мы восполним этот пробел.

Я расскажу Вам о достоинствах и недостатках обоих типов дизайна. Но сначала давайте поговорим о том, что это вообще такое и как их отличить.

Читать полностью

3

Блочная верстка сайта. Урок 1

Блочная верстка. Урок 1

Здравствуйте, друзья!

Мы продолжаем с Вами изучать верстку и сегодня мы переходим уже к самому интересному.

Наверняка Вы уже слышали понятие «блочная верстка». Но человеку неосведомленному это понятие ни о чем не говорит. Поэтому: кто знает — молодец! А кто не знает — читаем внимательнее.

Блочная верстка — это верстка html-кода web-страницы при помощи тегов универсальных контейнеров <div>.

Об этом я немного писал в статье «Блочные элементы веб-страницы». Здесь же мы поговорим более детально и конкретно.

Читать полностью

2