Программирование с нуля с чего начать? Web разработка Урок 22 div, background, border

Автор Georgiy Dronov
Программирование с нуля   с чего начать? Web разработка  Урок 22 div, background, border

в этом видео.

Я хочу рассказать вам о таких свойствах сес как он бодр и Up HTML Element div division Underground переводится с английского как фон то есть мы можем установить фон для какого-то из HTML элементов для этого мы можем указать здесь этот HTML Element Selector. А например возьмём один заголовок и пишем background свойства и далее нам нужно указать здесь цвет фона цвет до. Гранд Ну давайте для обучение я буду использовать обычные цвета которые можно устанавливать по названию цвета пусть будет red-ii.

Давайте посмотрим нас получится как вы видите фон всего заголовка стал красным.

Точно также мы можем установить фон для всех заголовков H2 в данном случае он у нас один например Blue синий и он отображается синим для параграфов для всех параграфов мы можем установить цвет фона таким образом пусть будет Yellow желтый и все параграфу настали желтым. Что же делать если мы хотим сделать фон для двух элементов один фон для двух элементов например для заголовков H1 H2 в нашем случае мы можем заключить их в HTML Element div. Что значит Division от английского слова division раздел отдел так здесь нужно исправить ошибки закрывающие теги и мы можем переместить эти два элемента в элементов и теперь они в одном разделе находятся и теперь для этого раздела точнее для. Всех элементов где. В данном случае мы можем сделать раунд например Pink розовый фон. Давайте посмотрим так как мы не убрали фон для H1 H2. Тони также отображаются чтобы этот код не действовал мы можем его закомментировать при помощи следующих символов звездочка и закрываем звёздочка слэш и всё, что внутри между этими двумя символами не будет выполняться он будет расцениваться как комментарий в CSS используется. Такой формат комментарии то есть секции стала мы можем использовать этот формат. Если же мы хотим закомментировать код в html-документе в баде например мы должны указать вот такой вот вид комментариев здесь пишем some Text и закрываем вот таким образом то есть если мы хотим чтобы H3 заголовок у нас не отображался мы можем его закомментировать и теперь браузер не будет его отображать он считает его в комментариях поэтому не отображает на веб-странице. Давайте отменю. Если вы хотите закомментировать какой-то кусок кода можно выделить его и нажать команд Flash команд / на. Маке или Flash Control / на виндоусе. Если нажмете ещё раз. Тарас комментируется этот кусок кода и то же самое здесь Common Flash можно комментировать раскомментировать или Control слышно Windows. И если мы за комментируем сейчас вот эти два стиля наших для заголовков H1 H2 и оставим только стиль для дерева то как видите теперь у нас выставлен один фон для заголовков H1 и H2. Точно также мы можем объединить например в отдельный div остальные элементы можно поместить мы можем выделить текст и при помощи клавиша Tab сместить его и, тогда он должен быть тоже розовым и всё получилось он розовый теперь. И для этого элемента div мы можем выставить фон для всей страницы для элемента Buddy например выставить. Зелёный фон и вся страница теперь у нас в зелёном фоном также вместо цвета мы можем использовать какой-то изображение для фона. Давайте найдём какой-нибудь изображение нажмем на нем правой кнопкой мыши и скопированную. Ариэль картинки и здесь вместо цвета мы пишем uarl открываем скобки и в скобках вставляя вёл картинки если мы сохраним обновим то теперь на странице вместо цвета для фона из под. Это изображение ещё один элемент о котором я хочу рассказать — это бодр граница чтобы его использовать нам нужно указать три свойства например для параграфа если мы хотим применить границу нужно сначала Border Color цвет границы. Пусть к примеру будет Blue доля Border вид ширина границы например пусть будет 3 пикселя и border-style. Салют к примеру — это значит будет сплошная граница окантовка сплошная. Давайте сохраним и. Как вы видите вот такие вот у нас бодр такие окантовки границы для параграфов выставлены мы можем поменять пример увеличить в 2 раза ширину и вы видите тут она тоже соответственно увеличится можем поменять цвет пример ugreen и также можем поменять стиль например даст и, тогда будут бодр такими чёрточками или Dot и, тогда граница будут такими точками. Также можно использовать свойства баннер общая в котором используется все эти три свойства она записывается следующим образом просто пишем бодр и сначала пишется ширина 6 пиксели далее пробел спал mos.ru цвет у нас. Грин и теперь если мы за комментируем вот эти до свойства и оставим общий бодр свойства сохраним обновим то как вы видите ничего не меняется то есть действует вот — это общее свойство мы можем также изменять — это свойство. Давайте поменяем лечение и получилась. Вот такая картинка.

0 комментариев
0

Читайте также