Прикрепление стилей
В предыдущей статье я не много задевал тему а "прикрепление стилей" к html, в этой статье эта тема будет раскрыта более широко.
Стили можно задавать 4 способами:
1.Это в html. С помощью атрибута style мы напрямую пишем в теге те стили, которые хотим применить к данному тегу.
Пример:
<p style=”font-weight:bold; font-size: 16pt”>
2.Также в html, но уже в шапке. Данный способ использует специальный тег <style></style> внутри этого тега мы и пишем селекторы со свойствами.
Пример:
<head> <style> h1{color:red;} </style> </head>
Два этих типа были внедренные стили, т.е. писались внутри html документа, что явлется плохим тоном, лучше всего стили создавать как отдельный файл и его уже прикреплять к странице html.
3.Импортирование файла.
Пример:
<style>@import:url(style.css);</style>
Как видно по примеру с помощью тега <style> мы импортируем файл style.css в html.
4.Последний способ с помощью тега <link> в внутри головы документа, этот самый распространённый и часто используемый способ.
Пример:
<link rel=”stylesheet” type=”text/css” href=”style.css”>
rel=”stylesheet” – таблица стилей;
type=”text/css” – тип документа;
href=”style.css” – путь к файлу.
Теперь вы знаете как можно добавлять стили в html, надеюсь, эта статья вам помогла. Спасибо за внимание. :)
Дата создания: 29.01.2016 00:44:55
Автор: Максим Фёдоров
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.