vault backup: 2026-06-08 18:36:09

.obsidian/app.json

@@ -18,7 +18,7 @@
   "rightToLeft": false,
   "defaultViewMode": "preview",
   "showLineNumber": true,
-  "openBehavior": "file:AGENTS",
+  "openBehavior": "",
   "userIgnoreFilters": [
     "99 System/"
   ],

.obsidian/appearance.json

@@ -11,6 +11,6 @@
   "baseFontSize": 16,
   "monospaceFontFamily": "FiraCode Nerd Font",
   "nativeMenus": false,
-  "showRibbon": false,
+  "showRibbon": true,
   "showViewHeader": false
 }

.obsidian/community-plugins.json

@@ -13,4 +13,4 @@
   "terminal",
   "typewriter-mode",
   "3d-graph-new"
-]
+]

.trash/Без названия.md

@@ -0,0 +1,11 @@
+---
+status: seed
+type: concept
+tags: []
+created: 2025-12-17
+updated: 2026-06-07
+aliases: []
+---
+90 Library/Containers/Apache Mesos
+
+C:\Users\ada\Documents\Vaults\SecondBrain\90 Library\Containers\Apache Mesos.md

00 Inbox/Вопросы по Вебу.md

@@ -3,10 +3,10 @@ status: processing
 type: concept
 tags: []
 created: 2025-12-17
-updated: 2026-06-05
+updated: 2026-06-08
 aliases: []
 ---
-
+![[Pasted image 20260608084226.png]]
 # Вопросы по Вебу
 
 ## Теория по блокам

90 Library/Programming/Web/Адаптивность, Flexbox и Grid.md

@@ -8,7 +8,7 @@ tags:
 - adaptive-design
 - responsive-web
 created: 2026-05-30
-updated: 2026-06-05
+updated: 2026-06-07
 source:
 - '[[14-css-adaptive.pdf]]'
 - '[[17-css-grid.pdf]]'
@@ -16,8 +16,16 @@ source:
 aliases:
 - 'CSS: Адаптивность, Flexbox и Grid'
 ---
+
 # Адаптивная верстка
 
+## Виды верстки
+1) **Фиксированная** - макет разрабатывается с фиксированными параметрами (например, с точным указанием размеров в пикселях). Такой подход *устарел* и применяется редко.
+2) **Мобильная** - сайт создается на выделенном поддомене и адаптируется только под мобильные устройства. Соответственно, ресурс станет *удобен для чтения лишь пользователям смартфонов и планшетов.*
+3) **Резиновая** - ширина блока задается в процентах от ширины экрана пользователя. Благодаря этому "резиновые" сайты одинаково хорошо читаются с любых устройств. Тем не менее, адаптивная верстка, равно как и отзывчивая, постепенно вытесняет резиновую.
+4) **Отзывчивая** - напоминает адаптивную верстку, но в то же время принципиально отличается от нее. Отличие заключается в действиях на брейк-поинтах. Если в адаптивном варианте браузер резко меняет сверстанный макет, то в отзывчивом происходит плавное изменение верстки между точками слома с максимальным сохранением стабильного вида страницы. Фактически данный подход сочетает в себе признаки адаптивности и "резиновости".
+5) **Адаптивная** - Основные параметры сайта подстраиваются под характеристики пользовательского устройства. Ресурс в результате должен удобно читаться практически с любого гаджета или компьютера.
+
 Адаптивность (AWD) и отзывчивость (RWD) позволяют сайту корректно отображаться на любых устройствах.
 
 ## Медиазапросы (@media)
@@ -30,6 +38,18 @@ aliases:
 - **Mobile First:** Сначала стили для мобильных, затем `min-width`.
 - **Desktop First:** Сначала для десктопов, затем `max-width`.
 
+```css 
+/* Различается и ориентация макета */
+@media (orientation: landscape) {
+	/* При горизонтальной ориентации фоновым цветом сайта будет белый */
+	body {
+		background: #FFF;
+	}
+}
+/* Ещё существует portrait - вертикальная */
+
+```
+
 ---
 
 # Flexbox (Flexible Box Layout)

90 Library/Programming/Web/Основы HTML (структура, таблицы, формы).md

@@ -8,7 +8,7 @@ tags:
 - tables
 - forms
 created: 2026-05-30
-updated: 2026-06-05
+updated: 2026-06-07
 title: "Основы HTML (структура, таблицы, формы)"
 source:
 - '[[10-html_основы_НП.pdf]]'
@@ -17,6 +17,7 @@ source:
 aliases:
 - Основы HTML (структура, таблицы, формы)
 ---
+
 # Основы HTML
 
 **HTML (Hypertext Markup Language)** — язык разметки для структурирования и отображения веб-страниц. 
@@ -170,6 +171,21 @@ aliases:
 ```
 - **Объединение ячеек:** `colspan` (по горизонтали), `rowspan` (по вертикали).
 
+**Границы таблицы** задаются с помощью свойств `border` и `border-collapse`:
+```css
+/* внешние границы таблицы серого цвета толщиной 1px */
+table {
+	border: 1px solid gray;
+	border-collapse: collapse;
+	width: 600px;
+}
+
+/* границы ячеек тела таблицы */
+td {
+	border: 1px solid grey;
+}
+```
+
 ---
 
 ## Формы
@@ -185,7 +201,7 @@ aliases:
 </form>
 ```
 
-### Элементы управления:
+### Элементы управления
 - `<input>` — универсальное поле ввода. Поведение зависит от `type`.
 - `<select>` + `<option>` — выпадающий список.
 - `<textarea>` — многострочное поле для текста.
@@ -239,7 +255,7 @@ aliases:
 <textarea id="comment" name="comment" rows="5"></textarea>
 ```
 
-### Атрибуты валидации:
+### Атрибуты валидации
 - `required` — поле обязательно для заполнения.
 - `minlength` — минимальная длина текста.
 - `maxlength` — максимальная длина текста.
@@ -274,8 +290,7 @@ HTML-валидация работает в браузере до отправк
 </form>
 ```
 
-## Простыми словами для экзамена
-
+## Прочие темы
 ### Документ и `head`
 
 `<head>` хранит служебную информацию, а не видимый контент. Там обычно находятся:

90 Library/Programming/Web/Основы, селекторы и блочная модель.md

@@ -7,7 +7,7 @@ tags:
   - selectors
   - box-model
 created: 2026-05-30
-updated: 2026-06-05
+updated: 2026-06-08
 source:
   - "[[12-css-базовые_свойства.pdf]]"
   - "[[12-css-блочная_модель.pdf]]"
@@ -45,9 +45,7 @@ aliases:
 2. ID (0, 1, 0, 0)
 3. Классы, атрибуты, псевдоклассы (0, 0, 1, 0)
 4. Теги и псевдоэлементы (0, 0, 0, 1)
-
-Пример:
-
+![[Pasted image 20260608083946.png]]
 ```css
 body .content { color: red; }
 div p { color: blue; }