Ширина блочных элементов
По умолчанию ширина блока вычисляется автоматически и занимает все доступное пространство. Здесь следует оговорить, что под этим подразумевается. Например, если тег в коде документа присутствует один, то он занимает всю свободную ширину окна браузера и ширина блока будет равна 100%. Стоит поместить один тег внутрь другого, как ширина внутреннего тега начинает исчисляться относительно его родителя, т.е. внешнего контейнера.
htmlbook.ru/content/blochnye-elementy
table {
border-collapse: collapse; /* убираем отступы совсем */
}
td:not(:last-child) {
padding: 0 10px 0 0; /* для всех ячеек кроме последней добавяем паддинг справа */
}
https://jsfiddle.net/4vxdhk0L/$(window).scroll(function(){
$('.tweet').each(function () {
$(this).css('opacity', Math.random());
})
});
Сейчас вы конечно скажете что это жесть, и вы хотели что-то другое, и попытаетесь объяснить подробнее. о какой-то там придуманной семантикиНу конечно, спецификацию пишут для инопланетян, а нам все пофигу, ведь главное, что "у меня на компьютере все работает".
transform: skew
. При клике таргету z-index сделать пониже, а остальные блоки сдвинуть в стороны. function isOverflowed(el) {
return el.scrollWidth > el.offsetWidth || el.scrollHeight > el.offsetHeight;
}
https://jsfiddle.net/y6w7vg0w/ $(document).on('click', '.myBlock a', function(evt){
$(this).closest('.myBlock').remove(); // убираем блок
evt.preventDefault(); // отменяем переход
})
<iframe width="560" height="315" src="https://www.youtube.com/embed/FeRO2x-FXzc" frameborder="0" allowfullscreen></iframe>
@keyframes logo{
100%{
transform: scale(1.5) translateY(50px);
}
}
h1 {
color: red;
color: blue;
}
Вас же не удивит, что в результате будет применен синий цвет?With 3D support, the second definition will override the first one. Without 3D support, the second definition is invalid and a UA falls back to the first definition.
div {
transform: scale(2) rotate(45deg);
transform: scale(2) rotate3d(0, 0, 1, 45deg);
}