Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.
Представляем вам полный список HTML тегов с подробными описаниями и примерами. В дополнение таблица кодов ASCII, список свойств CSS, а также свойства DHTML в примерах. Все это находится в одном файле и абсолютно бесплатно.
Может определить величину полей внутри всего элемента или для каждой стороны в отдельности.
Свойства:
padding - определяет величину полей. Значения задаются любыми способами измерения принятыми в CSS. В одной строке можно указать 4 размера одновременно, они будут действовать для каждой стороны в последовательности: (верхний правый нижний левый). Также можно указать величину поля только для одной стороны. Примеры:
Code
padding: 10px; // Поле со всех сторон элемента 10 пикселей
Может определить величину отступа вокруг всего элемента или для каждой стороны в отдельности.
Свойства:
margin - определяет величину отступов. Значения задаются любыми способами измерения принятыми в CSS. В одной строке можно указать 4 размера одновременно, они будут действовать для каждой стороны в последовательности: (верхний правый нижний левый). Также можно указать величину отступа только для одной стороны. Примеры:
Code
margin: 10px; // Отступ от всех сторон элемента 10 пикселей
Дает возможность размещения элементов не по расположению их в коде, а конкретными координатами относительно родительского контейнера или всей страницы.
Свойства:
position - устанавливает откуда брать точки отсчета при позиционировании. Данный атрибут обязательно должен быть указан, иначе все нижеперечисленные в этой статье свойства не будут работать. Примеры:
Code
position: absolute; // Отсчет берется относительно всей страницы
Здесь описаны свойства, позволяющие установить ширину и высоту элемента, расположение элемента относительно родительского контейнера, запретить полное или частичное обтекание элемента другими или полностью скрыть его из вида.
Свойства:
width - определяет ширину элемента. Значение указывается всеми величинами, принятыми в CSS. Пример:
Code
width: 200px; // Ширина элемента 200 пикселей
Значение по умолчанию - auto
height - определяет высоту элемента. Значение указывается всеми величинами, принятыми в CS
... Читать дальше »/div>
С помощью этого параметра можно установить стиль, цвет и толщину рамок вокруг элемента, будь то изображение или отдельные блоки.
Свойства:
border-width - определяет ширину рамки. Значения устанавливаются в пикселях. Пример:
Code
border-width: 3px; // Ширина рамки 3 пикселя
В одной строке также можно установить ширину для всех четырех сторон рамки. Первый размер указывается для верхней стороны, потом по часовой стрелке. Пример:
Спомощью данного свойства можно установить множество различных атрибутов шрифта. Выбрать непосредственно сам шрифт, определить размер шрифта, стиль шрифта, жирность, также можно сделать заглавные буквы размером в строчные.
Свойства:
font-family - определяет тип шрифта. Можно одновременно указать несколько типов шрифта через запятую. По умолчанию берется первый шрифт который указан в строке, если у пользователя этот шрифт не установлен - браузер автоматически переходит на следующий шрифт, и т.д. Пример:
С текстом в CSS можно производить множество различных трансформаций. Устанавливать нужное расстояние между символами, высоту строки, выравнивание текста по всевозможным границам, делать его подчеркнутым, перечеркнутым или мигающим. Устанавливать величину отступа первой строки для абзаца, и в то же время последующие строки будут выввыводится без отступа, преобразовывать прописные буквы в заглавные, не меняя их высоты и т.д...
Свойства:
text-align - определяет выравнивание текста по горизонтали. Примеры:
