CodeGidtextarea встраивает свою высоту при изменении высоты контейнера с ограничением минимальной высоты и длинны
<div class="cont">
<div cass="tabs">tab</div>
<div cass="div">
<textarea></textarea>
</div>
</div>
<style>
.cont{
min-width: 300px;
min-height: 280px;
}
.tabs{
height:10%;
}
.div{
height:90%;
}
textarea{
height:100%;
}
</style>//размещение элемента по вертикали (вверх)
vertical-align: top;
//размещение элемента по середине
vertical-align: middle;
//рамка контейнера
border: 1px solid black;
//при наведении на элемент появляется курсор
cursor: pointer;//синтаксис id
#211018104515 {code} error
#211018104515_id {code} error
#211018104515-id {code} error
#id-211018104515 {code} successfully//синтаксис class
.211018104515 {code} successfully
.211018104515-click {code} successfully
.click-211018104515 {code} successfullyУстановка библиотеки через терминал
npm install --save styled-componentspackge.json
добавляется библиотека
"dependencies":{
...
"styled-components":"^5.2.1",
...
}папка хранит глобальные компоненты, которые используются во всём проекте и имеют какую то логическую составляющую, какой то функционал
//пробел
<div> </div>
//scroll
<div style="overflow:scroll;width:700px;">
<div style="height:300px;width:1000px;">code</div>
</div>
//работа с СОБЫТИЯМИ
//наведение на тег
mouseover
//клавиша нажата и опущена на теге
keypress
//форматированный блок с длинным кодом оформить с ползунками. В WorlPress Настроить\Дополнительные стили добавить css код для класса code1 .code1 { font-size:1.4rem; }