#htmlверстка

[educatcourses]

CSS уроки с нуля. Свойство text-decoration для ссылки

Когда мы создаем ссылку, она по умолчанию синего цвета и подчеркнута. Это подчеркивание можно убрать, применив к нему свойство text-decoration.

Узнайте какие значения можно применить к text-decoration в коротком видео уроке #программированиеЗа60секунд

[educatcourses]

CSS уроки. Свойство font-size

Свойство font-size применяют для определения размера шрифта элемента. Размер можно установить несколькими способами и задается набором констант: xx-small, x-small, small, medium, large, x-large, xx-large, который называется абсолютным. Они не совсем абсолютны и зависят от настроек браузера и операционной системы. Как применить font-size смотрите в видео уроке #программированиеЗа60секунд

[educatcourses]

CSS с нуля. Свойство font family

Свойство font-family применяется для устанавления семейства шрифта, которое будет использоваться для текста содержимого.Список шрифтов может быть один или несколько, разделенных запятой. Если в названии шрифта содержатся пробелы, его нужно заключать в одинарные или двойные кавычки.

Смотрите применение font-family в нашем практическом уроке #программированиеЗа60секунд 

[educatcourses]

CSS с нуля. Свойство letter-spacing

CSS свойство letter-spacing определяет интервал между символами в пределах элемента. Обычно браузеры устанавливают расстояние между символами, исходя из типа и вида, размеров шрифта и настроек операционной системы. Чтобы поменять это значение применяется letter-spacing.

Доступно об этом свойстве в коротком уроке #программированиеЗа60секунд

[educatcourses]

CSS уроки с нуля. CSS свойство text aligin

Свойство text aligin определяет горизонтальное выравнивание текста в пределах элемента.

Данное свойство не контролирует выравнивание элементов самого блока, а только их линейное содержимое.

Узнайте применение text aligin в коротком видеоуроке #программированиеЗа60секунд👆

🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT

🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube

[educatcourses]

CSS уроки. Функция calc(). Умножение.

Продолжаем знакомиться с функцией calc(). Сегодня мы рассмотрим возможность использовать calc() для умножения.

Смотрите наш ежедневный урок #программированиеЗа60секунд👆

[educatcourses]

CSS с нуля. Свойство max width, min width

На предыдущих уроках мы рассматривали свойства width и height для установки фиксированной ширины и высоты элемента.

Современный CSS не ограничивается лишь этими свойствами и предлагает нам более гибкую настройку стилей элементов.

В этом видео познакомимся со свойства min-width/min-height и max-width/max-height, которые позволяют задавать минимальную и максимальную ширину/высоту соответственно.

[educatcourses]

Псевдоклассы CSS позволяют изменять динамическое состояние элемента веб страницы. При стилизации элементов возможна комбинация псевдоклассов CSS. Рассмотрим в данном уроке #программированиеЗа60секунд комбинацию псевдоклассов, т.е. применение сразу нескольких псевдоклассов одновременно. _____________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CG1-YbfJONc/?igshid=tuxovaljhi4i

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

Псевдокласс :nth-last-child применяется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от изученного нами ранее псевдокласса :nth-child, отсчет ведется не от первого элемента, а от последнего. Смотрим видео урок #программированиеЗа60секунд чтобы закрепить полученные знания на практике. ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube. #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CGIEWvdi2x4/?igshid=imrg9iyu598x

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

При добавлении стиля на основе нумерации с помощью псевдокласса :nth-child можно использовать выражение an+b. Где a и b — целые числа, а n — счётчик, который автоматически принимает значение 0, 1, 2… Смотрите короткое видео #программированиеЗа60секунд и все поймете! ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CGFUhCeI1ZL/?igshid=2ilymifdkras

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

Напомним, что псевдокласс :nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов. В этом минутном видеоуроке #программированиеЗа60секунд мы рассмотрим значение odd, которое выбирает все нечетные номера элементов. Т.е. он применит стили 1,3,5…..элементам. ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube. #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CGCTCxeC37L/?igshid=dwvlo8mrsecl

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

Продолжаем рассматривать псевдокласс nth-child. Мы можем также прописать стили не только записывая номер индекса в круглых скобках, а использовать значение even, которое применяется ко всем четным элементам. Смотрите практический видеоролик #программированиеЗа60секунд чтобы легко освоить основы программирования. ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CF_ypdSCO4F/?igshid=12v5l7y2vib78

[educatcourses]

HTML для новичков. Тег thead в таблице

Элемент <thead> предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. В этом уроке вы узнаете  как использовать элемент <thead> в пределах одной таблицы.

Рубрика  #программированиеЗа60секунд предназначена для всех, кто хочет легко, на наглядных примерах, освоить основы HTML.

[educatcourses]

HTML CSS с нуля. Теги colgroup и col

Тег <colgroup> задает ширину и стиль одной или нескольких колонок таблицы. Данный тег можно использовать в комбинации с тегом <col>, который определяет характеристики колонок.

Как их использовать смотрите в коротком уроке #программированиеЗа60секунд 

[educatcourses]

HTML CSS уроки. Объединение строк в таблице.

На предыдущем уроке #программированиеЗа60секунд мы показали как с помощью атрибута colspan установить число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали (строки).

Смотрите короткое видео, чтобы увидеть на практике как это работает.

[educatcourses]

HTML с нуля. Заголовок таблицы и границы.

При большом количестве таблиц на странице каждой из них удобно задать заголовок, содержащий название таблицы и ее описание. Для этого в HTML существует тег <caption>, который устанавливает текст и его положение относительно таблицы.

В коротком уроке #программированиеЗа60секунд показано, как установить заголовок таблицы и задавать ей границы с помощью тега <border>.