Урок #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 -   / vladimir-shaitan  
Twitter -   / vovashaitan  
Facebook -   / vladimir.shaitan  
Instagram -   / 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';