Изучение CSS/CSS3 | #11 - Свойства блоков CSS. Свойство Display и Overflow

В этом видео рассмотрим свойства для блоков, а именно свойство Display и свойство Overflow.

Изучение CSS/CSS3 | #11 - Свойства блоков CSS. Свойство Display и Overflow

✔ -------------

Помощь в развитии канала.
* Яндекс Деньги: 410014343706921

* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703

[nofis]

люди вот вам список комманд для css (может быть немного не понятно но пусть так) (заренее незачно)
a { // атрибут
color:red; // цвет атрибута
font-size: 16px; //размер шрифта
font-weight:400px ; // жирность текста
font-style: ; // выбрать шрифты


background-color: цвет; // цвет заднего фона
background-image: url(589.jpg); // установить картинку на задний фон

border: 1px solid цвет; // рамка
border-radius: 1px; //на скоко надо закруглить рамку


margin: 0px; //отталкивается от стенок
margin-left: 0 px; // отталкивается от левой стораны
margin-right 0 px; // отталкивается от правой стораны

padding: 0px; // внутреннее отталкивания


opacity: 0; // прозрачность


width: размер можно в процентах;


transform:


display: block; // все рапологается в строчках.
display: none; // не отображается
display: inline; // все а одну линею
display: list-iten; // делает точки слева (как список)


// для overflow надо создать width: ...px; height: ...px;
overflow: visible; // текст который вылазит он показывается
overflow: hidden; // текст который не влазит не показывается
overflow: scroll; // делает блок с прокруткой

visibility: hidden; //место строчки остается а текст пропадает

}
#id { // обрашятся по айди

}
.class { // обрашения по классам

}
a :hover{
при наведение на объект выполняются действия
}

@keyframes name{ // блок анимации вместо name имя анимации
0%{

}

100%{

}
}

animation-name: ; // выставить имя анимации
animation-duration: ; // время анимации

[tagruto]

Где мой "Хрюф"? Я тебя спрашиваю Гоша, где мой законный Хрюф, я его заждался.

[ДаниилБорин-лц]

Может у кого-то была такая же проблема (рамки абзацев вылизали за рамку article, текст не полностью входил), для решения добавьте в article css это overflow:scroll, тогда весь артайкл можно будет прокручивать и все будет лежать внутри.

[БезИмени-нсщ]

Не нужно писать в коде лишнюю фигню, засираешь и запутываешь, лучше для каждого урока писать новый код.

[baurbaur]

Спасибо чувак.нужно было понять шо за дисплэй и как работает.Лень компуктер включать.

[kadmax]

нужно было про display: flex; рассказать

[g_a_m_e_r_g-]

Лучший програмист-ютубер с меня лай кос очень понятно всё объясняет уже просмотрел все ролики по HTML и иду смотреть дальше про CSS3 )))

[yztmiky]

ТЫ ДОСТОЕН ЛАЙКОВ ПО ВСЕМ ВИДЕОУРОКАМ.

[pavelzhol]

в 2к15 использовал правильную семантику, лукас

[Руслан-гъж]

Получается display:block для каждого <span>создает отдельный блок с прокруткой?

[charlesbaudelaire]

А в чем отличие между display inline и display inline block ?

[koouvlh]

Спасибо за урок! Но не Хайден, а Хидден!

[samyred]

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

[ivanko_fr]

8:30 у меня 3 строка текста "Абзац 1" показывается не полностью! А у Вас полностью((

[tiimmy]

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

[lowland]

Спасибо за урок.
Но зачем произить тэги на английский манер, если произносите их не правильно ? Тогда уж посмотрите транскрипцию.

[zhalgassaparov]

Он не все свойство Diplay и Overflow рассказал. Display: table, table-cell. Overflow: scroll-x, scroll-y.

[Xbszidos]

А как скролить блок но не внутри блока, а как основной скрол сайта?

[hayem]

Очень хорошо объясняешь, но тебе стоит подучить английский))

[oneday]

Спасибо, но просьба, не наваливай кучу всего в один урок путаются мысли)