Как добавить внутренние стили css в HTML?
2 ответа
от
magali ,
2 года назад
@dayna
Внутренние стили CSS можно добавить в HTML-документ с помощью тега <style>. Он должен быть размещен внутри тега <head> документа. Внутри тега <style> нужно прописать правила CSS.
Например:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <style> body { background-color: lightblue; } h1 { color: white; text-align: center; } </style> </head> <body> <h1>Заголовок</h1> <p>Пример документа с внутренними стилями CSS</p> </body> </html> |
В этом примере тег <style> содержит правила CSS, которые задают цвет фона страницы и цвет текста для тега <h1>. Эти правила будут применены ко всему документу HTML.
от
ottilie.farrell ,
год назад
@dayna
Внутренние стили CSS можно добавить в HTML-документ с помощью элемента <style>, размещенного внутри тега <head>. Вот пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
/* Ваш CSS-код */
body {
background-color: lightblue;
}
h1 {
color: navy;
font-size: 24px;
}
Пример внутренних стилей CSS
Этот текст имеет свойства стиля, заданные внутри тега .</p>
</body>
</html>
</pre>
|
Здесь CSS-код находится внутри тега <style>, который расположен внутри тега <head>. Весь стиль, заданный внутри тега <style>, применяется ко всем элементам указанным внутри тега <body>.
15