Урок 3. Сброс и нормализация стилей, вёрстка с нуля | HTML, CSS

Урок 3. Сброс и нормализация стилей, вёрстка с нуля | HTML, CSS

2,676 Просмотров

В видео узнаем, что такое сброс и нормализация в CSS. Разберём историю сброса стилей, научимся на применять практике. Сравним сброс и нормализацию, что выбрать?
🍀 Поддержать канал: https://www.donationalerts.com/r/webelart
☕️ Купить кофе: https://buy.stripe.com/5kA7sL9574SG7xCfZ3
🎨 Купить набор кистей Procreate: https://webelart.com/illustration.
✍️ Мой telegram channel: https://t.me/webelart
🏰 Английский YouTube: @webelart_en
💁🏼‍♀️ Инстаграм: https://www.instagram.com/webelart
🦄 LinkedIn: https://www.linkedin.com/company/webelart

Ссылки из видео:
🌟 Сброс стилей Tantek Celik (2004): http://tantek.com/log/2004/undohtml.css
🌟 Сброс стилей Eric Meyer (2008): https://meyerweb.com/eric/tools/css/reset/reset.css
🌟 Сброс стилей Richard Clark (2009): http://html5doctor.com/html-5-reset-stylesheet/
🌟 Статья Jeff Starr с разными сбросами: https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/
🌟 Свойство all документация: https://developer.mozilla.org/en-US/docs/Web/CSS/all
🌟 Свойство all поддержка по can i use: https://caniuse.com/?search=all
🌟 Нормализация стилей: https://github.com/necolas/normalize.css/blob/master/normalize.css


00:00 введение
00:32 что такое сброс стилей?
02:04 как сбросить стили?
02:29 сброс стилей от Tantek Celik, 2004
03:10 сброс стилей от Eric Mayer, 2008
04:23 сброс стилей от Richard Clark, 2009
04:45 подборка стилей от Jeff Starr
05:20 CSS свойство all.
06:38 как подключить стили к странице?
07:25 что такое нормализация стилей?
08:16 нормализация CSS vs сброс CSS
09:02 заключение

Из этого видео вы узнаете:
⭐️ Что такое сброс стилей.
⭐️ Историю различных таблиц стилей в Интернете.
⭐️ Множество различных способов сброса стилей в том числе свойство all.
⭐️ Научитесь подключать reset.css к странице.
⭐️ Что такое нормализация стилей.
⭐️ Что выбрать сброс стилей, либо нормализацию.

☃️Рекомендую посмотреть:
⭐️ Единицы измерения CSS: px, em, rem, %, vw, vh, vmin, vmax, ex, ch — https://www.youtube.com/watch?v=f7_qNs4V4pk
⭐️ Что такое CSS — https://www.youtube.com/watch?v=7S-a4XhmOdw
⭐️ Уроки по HTML — https://www.youtube.com/playlist?list=PLJpSkcgOK72Be8bVYdhXxWp0k01EDClaa
⭐️ Всё что нужно знать про интернет — https://www.youtube.com/playlist?list=PLJpSkcgOK72Dyt8PA4Upwh8wXmhIHgJe9

На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

Тэги:

#cинтаксис_CSS #Бесплатные_уроки_CSS #Уроки_HTML_CSS #CSS_синтаксис #Обнуление_CSS_стилей #верстка_сайтов_с_нуля #уроки_по_верстке_сайтов #css3 #html #html5 #css_с_нуля #верстка_с_нуля_уроки #учить_css #уроки_верстки #каскадные_таблицы_стилей_css #css #CSS_уроки_с_нуля #верстка_сайта_с_нуля #вверстка_сайтов_обучение #верстка_сайтов_для_начинающих #Верстка_для_начинающих #Елена_Литвинова #web_dev_art #искусство_веб-разработки
Ссылки и html тэги не поддерживаются


Комментарии: