Другие языки программирования и технологии

Как связать CSS с HTML?

не понимаю по какому принципу код прописанный в css влияет на html страницу, объясните пожалуйста
АМ
Александр Миргородский
63
Три варианта:

1. Включённые таблицы стилей.
2. Внедрённая таблица стилей.
3. Внешняя таблица стилей.

Пример:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<!-- Подключение внешнего файла со стилями file.css расположенного
в корневой папке сайта css/ с помощью служебной ссылки link -->
<link href=css/file.css rel=stylesheet type=text/css>
<!-- Внедрённый стиль подключается в контейнере style, расположенном в head-->
<style>
div {
color: #f00;
color:#FF6347;
text-shadow: #8B0000 1px 1px 2px, #FFDAB9 -1px -1px 1px;
font-size: 16pt;
}
</style>
</head>
<body>
<!-- Включённый стиль подключается с помощью атрибута style, а стили являются его параметрами -->
<p style='font-weight: bold; font-size: 20pt'>Жирный текст. Размер 20 пунктов</p>
<div>
Буря мглою небо кроет.. .
</div>
</body>
</html>
Сергей Иванов
Сергей Иванов
99 013
Лучший ответ
в css есть селекторы - это то, то ты пишешь перед {...}. браузер ищет элементы, соответствующие этим селекторам и применяет заданные для них стили
Олег Дияжев
Олег Дияжев
60 415
В html страничке ты прописываешь адрес для присоединения таблиц стилей:
< link rel="stylesheet" href="style.css" type="text/css" >

Браузер, читая страничку html, доходит до этой строки и читает значения из файла css, подставляя их в html. Дальше отображение идет с форматированием в соответствие с css стилями.
Александр Маковецький
Александр Маковецький
40 015
< link rel="stylesheet" href="style.css" type="text/css" >
Валерий Васильев
Валерий Васильев
24 293
работай с помощью программы dreamveaver
ДТ
Дмитрий Тихонов
21 102
Вставляешь это между тегами <head> и </head>
<link>
Нургазы Сатыбалдиев
Нургазы Сатыбалдиев
568
Принцип. Задаешь стиль, а где нужно его применить-прописываешь код применения.
Ссылка ниже.
ВС
Владимир Самородок
462

Похожие вопросы