Подключить css к html-файлу можно несколькими способами, сейчас мы их и рассмотрим.
1. Записать весь css внутри тега <style> в заголовке документа (тег <head>)
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> способ подключения css №1</title>
<style type="text/css">
<!--
body {
background-color: #ece9d8;
}
body p strong {
font-weight: normal;
color: #ff0000;
}
-->
</style>
</head>
2. Подключить внешнюю таблицу стилей.опять таки внутри тега <head>:
<link rel="stylesheet" type="text/css" href="style.css" />
3. Третий вариант не подключает таблицу стилей но позволяет описать стиль внутри самого тега. Для этого используется атрибут style: style="свойства:значение;свойство 2:значение 2;".например:
<span style="color:green background: black"> зеленый текст на черном фоне</span>
Вот и все, ничего сложного в подключении css к макету нет.
Подключить css к html-файлу можно несколькими способами:
1. Записать весь css внутри тега <style> в заголовке документа (тег <head>)
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> способ подключения css №1</title>
<style type="text/css">
<!--
body {
background-color: #ece9d8;
}
body p strong {
font-weight: normal;
color: #ff0000;
}
-->
</style>
</head>
2. Подключить внешнюю таблицу стилей.опять таки внутри тега <head>:
<link rel="stylesheet" type="text/css" href="style.css" />
3. Третий вариант не подключает таблицу стилей но позволяет описать стиль внутри самого тега. Для этого используется атрибут style: style="свойства:значение;свойство 2:значение 2;".например:
<span style="color:green background: black"> зеленый текст на черном фоне</span>
Вот и все, ничего сложного в подключении css к макету нет.
Подключить css к html-файлу можно несколькими способами:
1. Записать весь css внутри тега <style> в заголовке документа (тег <head>)
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> способ подключения css №1</title>
<style type="text/css">
<!--
body {
background-color: #ece9d8;
}
body p strong {
font-weight: normal;
color: #ff0000;
}
-->
</style>
</head>
2. Подключить внешнюю таблицу стилей.опять таки внутри тега <head>:
<link rel="stylesheet" type="text/css" href="style.css" />
3. Третий вариант не подключает таблицу стилей но позволяет описать стиль внутри самого тега. Для этого используется атрибут style: style="свойства:значение;свойство 2:значение 2;".например:
<span style="color:green background: black"> зеленый текст на черном фоне</span>
Вот и все, ничего сложного в подключении css к макету нет.
Author: Administrator | 