Как прописывать css стили

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 стили на веб-странице.