| Уроки CSS |
| Подключение CSS стилей в HTML |
Как вы могли узнать из уроков html (или из “собственного опыта”) многие стилевые атрибуты можно задать внутри тега, написав style=” атрибуты ” . Зададим, к примеру, простой стиль для текста, который будет заключён между тегами “<p> </p>” (размер и цвет)
<p style=” font-size: 16 px; color: Green ”>
Пример простого текста с использованием внутреннего стиля. </p>Пример простого текста с использованием внутреннего стиля.
И так, стиль можно подключить тремя способами (один из них был продемонстрирован выше):
• написав теги “<style> </style>” а между ними все стилевые атрибуты; подобным образом стиль можно прописывать в любом месте веб-страницы:
<style>
p {
font-size: 16px;
color: Green;
}
</style>
<p > Пример простого текста с использованием стиля. </p>
• Расположить ссылку на файл с расширением “.css” между тегами “<head> </head>”
<html>
<head>
<title>Пример подключения стиля</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
<body>
<h1> К заголовку стиль не применяется</h1>
<p>К тексту стиль применяется </p>
<p>Так как в файле с расширением <b>.css</b></p>
<p Был прописан стиль для тега <b><p> </p></b> </p>
</body>
</html>
| ◄ Предыдущий урок | Содержание | Следующий урок ► |
