<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

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

В рамках упражнений курса Вы параллельно со мной будете создавать свою большую программу на Java, что даст Вам необходимую практику, после которой для Вас уже не будет разницы, какого размера создавать программы.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Свойство CSS3 - box-sizing.

Свойство CSS3 - box-sizing.

Здравствуйте, дорогие читатели! Сегодня мы поговорим о новом свойстве CSS3 - box-sizing.

Это очень простое, но достаточно полезное свойство. Служит оно для того, чтобы менять поведение вычисления ширины и высоты блоков. К примеру, у нас есть блок с шириной и высотой 70px.

<div class="block"></div> .block {
  width: 70px;
  height: 70px;
}

Теперь давайте добавим к нему немного внутренних отступов и рамку.

.block {
  width: 70px;
  height: 70px;
  padding: 10px;
  border: 1px solid green;
}

Что мы имеем теперь: блок у нас стал по ширине и высоте не 70px, как мы задали, а 92px.

Давайте теперь зададим наше новое свойство box-sizing со значением border-box.

.block {
  width: 70px;
  height: 70px;
  padding: 10px;
  border: 1px solid green;
  box-sizing: border-box;
}

Теперь наш блок по ширине и высоте 70px. Но, если где-то прибывает, то где-то убывает, верно? Так и тут. Теперь для контента внутри блока останется меньше места, а именно 48px.

Свойство поддерживается всеми современными браузерами нормально, но IE поддерживает только с 8 версии.

Вот и все, что можно рассказать про это свойство. Спасибо за внимание и до следующей статьи!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (3):

dima9595 dima9595 18.06.2014 12:27:46

Михаил, а где это свойство применяется на практике?

Ответить

php_programmer php_programmer 18.06.2014 18:27:02

Да много где. Главное знайте про него, а когда нужно будет, применяйте! Как пример, у нас есть горизонтальное меню на списках(думаю, вы знаете, как это делается с помощью float). Меню растянуто по ширине на максимум. И тут мы решили добавить к нему рамку(border справа или слева), а т.к. он тоже занимает места и наше меню теперь не помещается в ширину, то некоторые элементы начнут съезжать вниз и становиться вторым рядом. Вот, чтобы этого избежать, как пример, можно использовать это свойство. Но, естественно, не ради только этого оно было придумано)))

Ответить

dima9595 dima9595 18.06.2014 22:03:41

Всё, понятно, спасибо большое за помощь!

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.