• Главная
  • Регистрация
  • Вход
  • RSS
  • О нас
    • Отзывы
  • Обратная связь
  • Новости
  • Заработок
    • Заработок на кликах
    • Биткоин
    • Лотерея
    • Партнерка
    • Заработок в соц сетях
    • Монетизация сайта
    • Обучающие видеокурсы
    • Бесплатные видеоуроки
  • Доска объявлений
    • Реф-ссылки
      • Заработок в сети
      • Почтовые спонсоры
      • Кликовые спонсоры
      • Партнерки
      • BUX
      • Игры
      • Казино
      • Прочее
    • Объявления
      • Куплю
      • Продам
      • Обменяю
    • Работа
      • Ищу работу
      • Предлагаю работу
  • Как привлечь рефералов?
  • Автозаработок
  • Форум
Заработок в сети
Проверенно, качественно и легко.
Форма входа
Старая форма входа
E-mail:
Пароль:
Забыл парольРегистрация
или

Меню сайта

  • Главная страница
  • О нас
    • Отзывы
  • Статьи
    • Раскрутка групп соц. сетей.
    • Способы заработка в сети
    • Добыча Bitcoin
    • Размещение статей
  • Заработок на кликах
  • Биткоин
  • Лотерея
  • Партнерка
  • Заработок в соц сетях
  • Монетизация сайта
  • Автозаработок
  • Дайджест
  • Обучающие курсы
    • Технические моменты
    • Способы заработка
    • Красота и здоровье
    • Любовь и отношения 18+
    • Разное
  • Бесплатные уроки
    • Методы заработка
    • Технические курсы
    • Красота и здоровье
    • Любовь и отношения 18+
    • Разное
  • Книги
  • Веб-Мастеру
    • Уроки CSS
  • Форум

Реклама от Так.Ru

Мини-чат

Для добавления необходима авторизация

Реклама

Наши спонсоры

  • Авто волгоград
  • Онлайн ТВ
Главная » 2015 » Декабрь » 28 » Свойства блока
Свойства блока
Дата:Автор:
аватар Гость
28.12.2015Konstantin

Границы, отступы и размеры блока задаются параметрами: px (пиксели) и % (проценты).
Внимание! Помните, что внутренняя высота и ширина блока состоит из параметров width + padding и height + padding, а пространство снаружи из сочетания border + margin. Задавая размеры блока учитывайте все показатели.

margin
border
padding
content
Размеры.

width – ширина блока content.
Доступные варианты:
width:100%;
width:auto;
width:0px;
max-width:0px;
min-width:0px;

height - высота блока content.
Доступные варианты:
height:100%;
height:auto
height:0px;
max- height:0px;
min- height:0px;

Границы и отступы.

margin - Величина отступа от края блока.
Доступные варианты:
margin:0px; /* Отступ от всех сторон блока */
margin:0px 0px; /* top-bottom right-left */
margin:0px 0px 0px 0px; /* margin: toppx rightpx bottompx leftpx; */
margin-top:0px; /* Отступ сверху */
margin-right:0px; /* Отступ справа */
margin-bottom:0px; /* Отступ снизу */
margin-left:0px; /* Отступ слева */

padding - Величина отступа внутри блока.
Доступные варианты:
padding:0px; /* Отступ от всех сторон блока */
padding:0px 0px; /* top-bottom right-left */
padding:0px 0px 0px 0px; /* padding: toppx rightpx bottompx leftpx; */
padding-top:0px; /* Отступ сверху */
padding-right:0px; /* Отступ справа */
padding-bottom:0px; /* Отступ снизу */
padding-left:0px; /* Отступ слева */

Рамки.

border – Рамка блока
Доступные варианты:
border: 1px solid #000; /* Рамка блока */
border-radius: 0px; /* Скругленные углы рамки */
border- top: 1px solid #000; /* Рамка сверху */
border- right: 1px solid #000; /* Рамка справа */
border-bottom: 1px solid #000; /* Рамка снизу */
border- left: 1px solid #000; /* Рамка слева */
border-collapse:collapse; /* Одна линия между ячеек */
border-collapse: separate; /* Вокруг каждой ячейки своя линия */

Блок созданный на основе CSS.

Стили этого блока

margin:10px auto;
padding:20px;
width:400px;
background: #e1e3e3;
border: 1px solid #aaabab;
3590.0 (0)Уроки CSS
  • 1
  • 2
  • 3
  • 4
  • 5

Поделиться ссылкой в соц. сетях

Похожие новости на нашем сайте

  • Шпаргалка по CSS
  • Делаем кнопку с помощью css
  • Наклонный блок DIV
Теги: Блок, уроки
Всего комментариев: 0
Пожалуйста войдите чтобы оставить свой комментарий:

Форум

 Web-ip
11.11.2024/18:50
6
 Wmzona
11.11.2024/18:49
8
 Smmka
11.11.2024/18:49
7
 https://sutynery.ru ...
20.02.2022/17:52
0
 predprof
20.02.2022/17:48
0
 Постинг в форум
20.02.2022/17:48
3
 Деньги Payeer
20.02.2022/17:47
1

Календарь

«  Декабрь 2015  »
Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
28293031

Сообщество vk

Наш опрос

Нравится вам дизайн сайта?
[ Результаты · Архив опросов ]
Всего ответов: 19

Реклама

Ты здесь

Статистика

Яндекс.Метрика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright © 2012-2025 «zvs.ucoz.com»
Создать бесплатный сайт с uCoz
ucoz шаблоны
Поднять страницу в верх