Существует несколько способов перенести CSS в HTML:
- Встроенный CSS: используйте тег
<style>внутри тега<head>для написания CSS-кода. Например:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
text-align: center;
}
</style>
</head>
<body>
<h1>Добро пожаловать на мою страницу</h1>
<p>Здесь будет много интересного контента.</p>
</>
</html>- Внешний CSS: создайте отдельный файл с расширением
.css, напишите в нем CSS-код и подключите его к HTML-странице с помощью тега<link>внутри тегаhead>`. Например:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Добро пожаловать на мою страницу</h1>
<p>Здесь будет много интересного контента.</p>
</body>
</html>- Inline CSS: добавьте атрибут
styleк тегу HTML для написания CSS-кода. Например:
<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
</head>
<body style="background-color: #f2f2f2; font-family: Arial, sans-serif;">
<h1 style="color: #333; text-align: center;">Добро пожаловать на мою страницу</h1>
<p>Здесь будет много интересного контента.</p>
</body>
</html>Однако, рекомендуется использовать внешний CSS, чтобы разделить структуру и стиль вашей страницы.
