Строчный вложенный редактор с перетаскиванием
Рубрика: CSS
- ОТНОСИТЕЛЬНОЕ
локальное добавление стиля в корне текущей папки
<link rel="stylesheet" href="/САЙТ/style.css">
локальное добавление стиля в родительской папке корня текущей папки
<link rel="stylesheet" href="../style.css">
- АБСОЛЮТНОЕ
добавление стиля по полному пути
<link rel="stylesheet" href="http://www.htmlbook.ru/style.css"
textarea встраивает свою высоту при изменении высоты контейнера с ограничением минимальной высоты и длинны
<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>
Рубрики
Fragments «CSS»
- элемент «высота»
//высота по родительскому элементу
height: inherit;
- элемент «вертикальное расположение»
//размещение элемента по вертикали (вверх)
vertical-align: top;
//размещение элемента по середине
vertical-align: middle;
- элемент «рамка»
//рамка контейнера
border: 1px solid black;
- элемент «Mouse»
//при наведении на элемент появляется курсор
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
styled-components
библиотека
Установка библиотеки через терминал
npm install --save styled-components
packge.json
добавляется библиотека
"dependencies":{
...
"styled-components":"^5.2.1",
...
}
подключение стилизации
два способа
- через модули SASS
- через сторонние библиотеки
(например react-rating-stars-component)
src\modules
папка хранит глобальные компоненты, которые используются во всём проекте и имеют какую то логическую составляющую, какой то функционал
Операторы
- swith
условные операции, операции ветвления
switch(x) {
case 'value1': // if (x === 'value1')
...
break;
case 'value2': // if (x === 'value2')
...
break;
default:
...
break;
}
String «Работа с текстом»
- «вложенный текст»
//заменить вложенный текст в другой вложенный текст
let new_text=text.replace(subtext1,subtext2);
- «поиск вложенного текста»
//поиск первого вложенного текста
let index=text.indexOf(text);
- «элемент текста»
//удалить последний элемент текста
text=text.slice(0, -1);
- «прочие»
//проверка текста на пустоту
text.trim() == ''
//выполнить текст-код
let arr=eval(data);
События
- ev событие «управление»
//элемент DOM на котором выполняется событие
let e=ev.currentTarget();
Массивы
- преобразование
//строка в массив через "\n"
let arr=text.split("\n");
//массив в строку через "\n"
let text=arr.join("\n");
- базовые свойства
//ассоциативный массив Array(0) нет индексов
arr.length==0
- перебор массива или выборки
//пройтись по массиву или объекту
arr.forEach(function(item, i, data) {code});
Array.from(arr, (item,index)=>{code});
for(var i=0;i<arr.length;i++){arr[i]};
Объекты
- перебор свойств
for (let key in obj){
obj[key]
}
Рубрики
Блок Форматированный

//форматированный блок с длинным кодом оформить с ползунками. В WorlPress Настроить\Дополнительные стили добавить css код для класса code1 .code1 { font-size:1.4rem; }