ГРУППА КУРСА
|
Главная >
Учебник CSS >
Способы установки стиляЕсть три основных способа установки стиля:
Рассмотрим их все. Атрибут styleУ тэгов, которые добавляют на страницу контент, есть атрибут style. Он устанавливает стиль именно этому элементу страницы. На другие элементы, в том числе такого же тэга, этот стиль не распространяется. Так как элемент, которому устанавливается стиль, уже известен, то селектор не требуетя. В атрибуте перечисляются только свойства. Свойства отделяются друг от друга точкой с запятой, в последнем свойстве точку с запятой ставить не обязательно. Пример установки стиля:
Стиль, установленный через атрибут тэга, имеет наибольший приоритет. Если свойства, указанные другими способами, противоречат свойствам атрибута, то используются свойства, установленные в атрибуте. Тэг <style>Тэг <style> находится внутри тэга <head> и устанавливает стиль всей странице. Для примера добавим на страницу тэг <div>.
Теперь зададим ему стиль. Для этого внутри тэга <head> создадим тэг <style>. В нём будет CSS код. Установим стиль для всех тэгов <div>.
Текст тэга <div> должен отображаться на странице синим цветом и крупнее, чем заголовок Файл стилейФайл стилей - это основной способ установки стилей для сайта. Использоваль файл удобно. Ведь вы создаёте его один раз и присоединяете к любому количеству страниц. Для примера добавим на нашу страницу тэг <p>.
Теперь установим ему стиль с помощью файла стилей. В текстовом редакторе создадим новый файл. Назовём его mystyle. Расширение должно быть css. Поместим файл в ту же папку, где находится страница. Код в файле будет такой:
Теперь нужно присоединить файл стилей к странице. Это делается с помощью тэга <link>. Он должен находиться внутри тэга <head>. Добавьте на страницу такую строку:
Атрибут rel указывает, что это файл стиля, а href указывает путь к файлу. Если вы сохранили файл стилей не в той папке, где находится страница, то правильно напишите путь к файлу. Если Вы всё сделали правильно, то все тэги <p> на странице будут отображаться жёлтым цветом и достаточно крупным шрифтом. |