Курс CSS. Пример 01 урока 54.

Оператор поддержки
Птичка CSS - это наше всё!
Стандарт CSS3 расширяет возможности пользовательского интерфейса, добавляя такие новые фичи как изменение размера элементов, расчет размера блока нестандартным способом, аутлайнинг и пр.

Кнопка. Представляет элемент в
виде кнопки
.



Допустим, есть у нас некий див-контейнер, внутри которого необходимо поместить два одинаковых по размеру дива, которые бы точно вписались по ширине.

Решить эту задачу напрямую не получится, т.к. при расчете не учитывается ширина границ:
Див занимает левую половину (50%)
Див занимает правую половину (50%)


Но если использовать свойство box-sizing:border-box; - то все работает ок:
Див занимает левую половину (50%)
Див занимает правую половину (50%)




Использование обводки c свойством outline-offset:10px;
"Газета для дураков". Да, да! Не удивляйтесь: именно "для дураков". Некоторые читатели могут подумать, что неразумно было бы называть газету подобным образом, так как кто станет покупать газету с таким названием. Ведь никому не хочется, чтобы его считали глупцом. Однако давилонские жители на такие пустяки не обращали внимания. Каждый, кто покупал "Газету для дураков", говорил, что он покупает ее не потому, что считает себя дураком, а потому, что ему интересно узнать, о чем там для дураков пишут. Кстати сказать, газета эта велась очень разумно. Все в ней даже для дураков было понятно. В результате "Газета для дураков" расходилась в больших количествах и продавалась не только в городе Давилоне, но и во многих других городах.




Пользователь может изменять и высоту, и ширину элемента:
"Значит, Спрутсу выгодно, чтоб перестали покупать гигантские акции, -- сказал сам себе Скуперфильд. -- Может быть, ему даже хочется, чтоб они понизились в цене?.. Да, да! Какой же я остолоп, что не сообразил этого сразу. Недаром Спрутс так старался, чтоб Мига и Жулио скрылись с деньгами. Ведь как только они скроются, цены на акции обязательно упадут. Тогда господин Спрутс скупит их по дешевке, а когда они снова поднимутся в цене, продаст и разбогатеет еще больше. Что ж, надо перебить Спрутсу дорогу и скупить гигантские акции раньше его. Это будет выгодное дельце!"