Урок #1 - Подключение CSS

Привет, в этом уроке мы рассмотрим как подключать CSS файлы к странице, разберем все способы подключение и узнаем их преимущества и недостатки. Приятного просмотра, не забудь поставить лайк, оформить подписку и оставить комментарий. Таймкоды: 00:00 О CSS 01:23 Инлайн стили 02:41 Тег style 03:50 Подключение CSS файла через тег link 05:19 Подключение CSS файла через тег style + @import Мои соц. сети: Telegram - https://t.me/VS_FRONTEND LinkedIn - https://www.linkedin.com/in/vladimir-shaitan/ Twitter - https://twitter.com/VovaShaitan Facebook - https://www.facebook.com/vladimir.shaitan Instagram - https://www.instagram.com/vlad.sha/ #CSS #HTML #web #ShaitanVladimir --------- Транскрипт урока --------- Как я и говорил на прошлых уроках, HTML существует только для разметки контента, но не несет в себе никакой стилизации элементов. За это отвечает язык CSS. Все визуальные отличия тегов друг от друга мы видим только благодаря тому что браузер имеет свою таблицу стилей которая работает по-умолчанию. Как вы уже поняли, для того чтобы мы могли стилизовать элементы сами, нам нужно будет использовать язык CSS. Разберемся как его внедрить на нашу страницу. Способ #1 - inline styles Одним из общих атрибутов для каждого тега, является атрибут style, внутри которого мы и можем писать наш CSS код. Способ #2 - тег style Внутри тега style мы можем писать стили, идентифицируя нужные нам теги по их атрибутам, именам и тд. (селектору тега). Способ #3 - отдельный файл Самое лучшее что можно придумать, это подключение отдельного CSS файла к нашему проекту. Делается это через тег link. Атрибуты: rel - должен иметь значение stylesheet href - ссылку или путь к файлу .css Способ #4 - отдельный файл через тег style Не рекомендую вам так делать, лучше старайтесь всегда когда возможно подключать свои .css файлы через тег link. Такой способ практически ничем не отличатся от подключения через link кроме синтаксиса, но он читается намного хуже и усложняет понимание. @import '.././css/style2.css';