<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

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

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

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

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

Подписавшись по 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

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

Ответить

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