Чтобы использовать CSS в HTML, вы можете использовать несколько способов:
- Внутренний CSS:
Этот способ позволяет писать CSS прямо в теге <head> вашей веб-страницы. Пример:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<style>
h1 {
color: red;
}
</style>
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>Здесь мы задали CSS стиль для элемента <h1> внутри тега <style>.
- Внешний CSS:
Этот способ позволяет создать отдельный файл с расширением .css, где вы можете написать все ваши CSS стили. Затем вы можете подключить этот файл в ваш HTML файл с помощью тега <link> внутри <head>:
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>Здесь мы подключили файл со стилями styles.css с помощью тега <link>.
Файл styles.css:
h1 {
color: red;
}Здесь мы определили стиль для элемента <h1>.
Выбор определенного способа зависит от ваших потребностей и предпочтений. Обычно внешний CSS файл используется для того, чтобы держать все ваши стили в отдельном месте и управлять ими на целом сайте, а внутренний CSS — когда вам не нужно множество стилей и вы всего лишь хотите написать некоторые простые стили для небольшой части вашей страницы.
