Стол школьный для двоих детей


Письменный стол для двоих детей-школьников (30 фото)

Письменный стол – базовая часть интерьера учебной зоны в детской комнате. Родителям двоих детей предстоит решить как минимум две задачи: как разместить двух школьников, сохранив при этом личное пространство каждого, и как сделать комнату стильной и просторной. Как это сделать? Об этом вы узнаете далее.

Материалы: дерево, пластик, ДСП, МДФ

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

1. Массив дерева

Сегодня самый экологичный материал для изготовления детской мебели – массив дерева. Такая мебель эстетична, практична, долговечна (при условии покупки у проверенного продавца со всеми сертификатами и стандартами).

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

Если вы решили купить письменный стол из дерева, обратите внимание на изделия из лиственных пород (орех, вишня, бук, береза, ясень). Они более износостойкие. На мебели из более мягкой хвойной древесины (сосна) будут заметны вмятины, царапины.

2. МДФ и ДСП

Самый популярный вариант по стоимости – ДСП. У него есть ряд плюсов:

  • Приемлемая цена.
  • Бесконечные вариации цветовых решений и форм: плиты из ДСП обшиваются шпоном всевозможных расцветок и текстур. А при желании возможна фотопечать любой сложности.
  • При качественном изготовлении риск токсичности минимален.

Но есть и минусы:

  • При повторном монтаже возможны сколы, так как изготовлен ДСП путем прессования, склеивания опилок.
  • Качество и безопасность очень зависит от качества обшивки и пропитки.
  • Многие изделия боятся влажности. Учитывайте это при уходе за такой мебелью.
  • Значительно уступает по износостойкости. При любом повреждении обшивки изделие будет небезопасным для ребенка.

Выбирайте письменный стол из ДСП класса Е1 (пониженное содержание токсичного формальдегида). Это обеспечит гарантию качества. Все края изделия должны быть прочно облицованы пластиком или шпоном со всех сторон без открытых спиленных краев.

МДФ — материал более безопасный, так как производится без применения токсичных смол (как в ДСП). Такая мебель более долговечна, выдержит повторную сборку, более прочная. Цена обычно немного ниже, чем у мебели из дерева.

3. Пластик

В учебной зоне детской комнаты возможны пластиковые стулья, полки, ящики для хранения. Пластик выбирают за…

  • …легкость. Автономный письменный стол будет слишком подвижным. А вот для стульев, полок — это явный плюс.
  • …гигиеничность. Легко мыть и чистить от пыли.
  • …прочность. Миф о том, что пластик легко повредить, давно развеян. Современные пластмассовые изделия прочные, гибкие, многие из них имеют защиту от царапин.

Варианты столов

Производители предлагают несколько вариантов конфигураций письменного стола для двоих школьников.

1. «Двойной стол». Если в комнате живут школьники одного пола или близнецы, которые учатся в одном классе и у которых есть общие вещи и интересы, такое размещение поможет сохранить пространство. Конечно, если дети не против.

CSS: nth-child () Селектор


Пример

Укажите цвет фона для каждого элемента

, который является вторым дочерним элементом его родитель:

р: п-й ребенок (2) {
фон: красный;
}

Попробуй сам "

Ниже приведены примеры "Попробуйте сами".


Определение и использование

Селектор : nth-child ( n ) соответствует каждому элементу, который является и -м дочерним элементом, независимо от тип его родителя.

n может быть числом, ключевым словом или формулой.

Совет: Посмотрите на: nth-of-type () селектор, чтобы выбрать элемент, который является n , потомком конкретного типа , его родителя.


Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.

Селектор
: nth-child () 4.0 9,0 3,5 3,2 9,6

CSS Синтаксис

: n-тый ребенок ( номер ) {
деклараций CSS ;
} демонстрация

Дополнительные примеры

Пример

Нечетные и четные ключевые слова, которые можно использовать для сопоставления дочерних элементов, чей индекс является нечетным или четным (индекс первого ребенка равен 1).

Здесь мы указываем два разных цвета фона для нечетных и четных p-элементов:

р: п-й ребенок (нечетные) {
фон: красный;
}

p: nth-child (четный) {
фон: синий;
}

Попробуй сам "

Пример

Используя формулу ( и + b ).Описание: представляет собой размер цикла n является счетчиком (начинается с 0), а b является счетчиком значение смещения.

Здесь мы указываем цвет фона для всех p элементов, индекс которых является кратный 3:

р: п-й ребенок (3n + 0) {
фон: красный;
}

Попробуй сам " ,

CSS: nth-last-child () Селектор


Пример

Укажите цвет фона для каждого элемента

, который является вторым дочерним элементом его родитель, считая от последнего ребенка:

р: п-го последнего ребенка (2) {
фон: красный;
}

Попробуй сам "

Ниже приведены примеры "Попробуйте сами".


Определение и использование

Селектор : nth-last-child ( n ) соответствует каждому элементу, который является и -м дочерним элементом, независимо от тип его родителя, считая от последнего потомка.

n может быть числом, ключевым словом или формулой.

Совет: Посмотрите на : селектор nth-last-of-type () выбрать элемент, который является n -ым потомком, указанного наберите его родителя, считая от последнего потомка.


Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.

Селектор
: nth-last-child () 4.0 9,0 3,5 3,2 9,6

CSS Синтаксис

: nth-last-child ( номер ) {
деклараций CSS ;
} демонстрация

Дополнительные примеры

Пример

Нечетные и четные ключевые слова, которые можно использовать для сопоставления дочерних элементов, чей индекс странный или четный

Здесь мы указываем два разных цвета фона для нечетных и четных p-элементов, считая от последнего ребенка:

р: п-й последний ребенок (нечетные) {
фон: красный;
}

p: nth-last-child (четный) {
фон: синий;
}

Попробуй сам "

Пример

Используя формулу ( и + b ).Описание: представляет собой размер цикла n является счетчиком (начинается с 0), а b является счетчиком значение смещения.

Здесь мы указываем цвет фона для всех p элементов, индекс которых является кратный 3, считая с последнего ребенка:

р: п-й последний ребенок (3n + 0) {
фон: красный;
}

Попробуй сам " ,

таблиц стилей CSS


Внешний вид таблицы HTML может быть значительно улучшен с помощью CSS:

Компания Контакт Страна
Альфредс Футтеркисте Мария Андерс Германия
Berglunds snabbköp Кристина Берглунд Швеция
Торговый центр Moctezuma Франциско Чанг Мексика
Эрнст Гендель Роланд Мендель Австрия
Island Trading Елена Беннетт Великобритания
Königlich Essen Филипп Крамер Германия
Винодельня Смеющаяся Вакха Йоши Таннамури Канада
Magazzini Alimentari Riuniti Джованни Ровелли Италия

Попробуйте сами »

Стол Границы

Чтобы указать границы таблицы в CSS, используйте свойство border .

В приведенном ниже примере указывается черная граница для элементов

, , чтобы выделить строки мыши более

и :

Обратите внимание, что таблица в приведенном выше примере имеет двойные границы. Это потому что и таблица, и элементы

и имеют разные границы.


Свернуть границы стола

Свойство border-collapse определяет, будут ли границы таблицы следует свернуть в одну границу:

Пример

стол {
коллапс границы: коллапс;
}

стол, тыс, т {
граница: 1px сплошной черный;
}

Попробуй сам "

Если вы хотите, чтобы только граница вокруг таблицы, укажите только border свойство для <таблица>:



Ширина и высота стола

Ширина и высота стола определяются свойствами ширина и высота .

Пример ниже устанавливает ширину таблицы на 100% и высоту

элементов до 50px:


Выравнивание по горизонтали

Свойство text-align устанавливает горизонтальное выравнивание (как слева, справа или по центру) содержимого в

или .

По умолчанию содержимое элементов

выравнивается по центру, а содержимое элементов выравнивается по левому краю.

Следующий пример выравнивает по левому краю текст в элементах

:


Вертикальное выравнивание

Свойство вертикальное выравнивание устанавливает вертикальное выравнивание (например, верх, низ или середина) содержимого в

или .

По умолчанию вертикальное выравнивание содержимого в таблице является средним (для обоих

и элементы).

В следующем примере вертикальное выравнивание текста задается для элементов

снизу:


Настольная прокладка

Чтобы контролировать расстояние между границей и содержимым таблицы, используйте padding собственности на Элементы

и :


Горизонтальные разделители

Имя Фамилия Экономия
Петр Гриффин $ 100
Лоис Гриффин $ 150
Джо Свонсон $ 300

Добавьте свойство border-bottom к

и для горизонтальных разделителей:


Hoverable Table

Используйте селектор : hover на

Имя Фамилия Экономия
Питер Гриффин $ 100
Лоис Гриффин $ 150
Джо Свонсон $ 300

Полосатые столы

Имя Фамилия Экономия
Питер Гриффин $ 100
Лоис Гриффин $ 150
Джо Свонсон $ 300

Для таблиц с полосками зебры используйте селектор nth-child () и добавьте цвет фона ко всем четным (или нечетным) строкам таблицы:


Цвет стола

Пример ниже определяет цвет фона и цвет текста элементов:

Имя Фамилия Экономия
Питер Гриффин $ 100
Лоис Гриффин $ 150
Джо Свонсон $ 300

Отзывчивый стол

Адаптивная таблица будет отображать горизонтальную полосу прокрутки, если экран слишком маленький, чтобы отобразить полное содержание:

Имя Фамилия Баллов Баллов Баллов Баллов Баллов Баллов Баллов Баллов Баллов Баллов Баллов Баллов
Джилл Смит 50 50 50 50 50 50 50 50 50 50 50 50
Ева Джексон 94 94 94 94 94 94 94 94 94 94 94 94
Адам Джонсон 67 67 67 67 67 67 67 67 67 67 67 67

Добавьте элемент контейнера (например,

) с overflow-x: auto вокруг элемента , чтобы сделать его отзывчивым:

Примечание: В OS X Lion (на Mac) полосы прокрутки по умолчанию скрыты и отображаются только при использовании (даже если установлен параметр «overflow: scroll»).


Дополнительные примеры

Сделай нарядный стол
Этот пример демонстрирует, как создать необычную таблицу.

Установить положение заголовка таблицы
В этом примере показано, как расположить заголовок таблицы.


Проверьте себя с помощью упражнений!


Свойства таблицы CSS

.
Недвижимость Описание
граница Устанавливает все свойства границы в одном объявлении
обрушение границы Указывает, следует ли свернуть границы таблицы.
расстояние Указывает расстояние между границами соседних ячеек
на стороне заголовка Определяет размещение заголовка таблицы
пустых ячеек Указывает, следует ли отображать границы и фон для пустых ячеек в таблице
сервировка стола Устанавливает алгоритм раскладки для таблицы

,

Смотрите также