CSS — это язык стилей, который используется для задания оформления элементов веб-страниц. Стили могут быть применены как внутри HTML-документа, так и в отдельных CSS-файлах.
Если вы хотите прописать CSS стили внутри HTML-документа, вы можете использовать тег «style». Вот пример:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Моя веб-страница</title>
<style>
h1 {
color: blue;
font-size: 32px;
font-family: Arial, sans-serif;
}
p {
color: green;
font-size: 16px;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>
В данном примере мы задаем стили заголовка «h1» и абзаца «p» внутри тега «style». Стили применяются к элементам на странице, указанным в селекторах.
Если вы хотите прописать CSS стили в отдельном файле, вам нужно создать новый файл с расширением «.css» и сохранить его на сервере. Затем вы можете импортировать этот файл в ваши HTML-документы, используя тег «link». Вот пример:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Моя веб-страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>
Здесь мы импортируем файл «styles.css» с помощью тега «link». В файле «styles.css» вы можете задавать стили, как и в примере выше. В этом случае, применение стилей относится к файлу css:
/* styles.css */
h1 {
color: blue;
font-size: 32px;
font-family: Arial, sans-serif;
}
p {
color: green;
font-size: 16px;
font-family: Arial, sans-serif;
}
Это два примера того, как можно прописывать CSS стили на веб-странице.