DWWEB.RU
СКРИПТЫ

Виды стилей css

2018/04/20 Марат 620 0 CSS |
Css делится на виды, внешний вид стилей, внутренний, встроенный и вид @import. О внешнем мы уже писали и это было простое подключение стилей.

Будем разбираться в этих всех понятиях…

Внешний вид стилей

Подключение файла стилей с абсолютным адресом :

<link rel="stylesheet" href="https://dwweb.ru/путь_до_файла/style.css">

Подключение файла стилей с относительным адресом :

<link rel="stylesheet" href="путь_до_файла/style.css">

Для стандарта HTML5 использование атрибута type="text/css" – необязательно, оно подразумевается автоматически!

Внутренние стили

Если вы используете стили на странице. То такие стили будут называться внутренними.

<!DOCTYPE html>

<html lang="ru">

<head>

    <meta charset="UTF-8">

    <title>Страница</title>

 

    <style>

    h2 {font-family: 'Amatic SC', cursive;}        

    </style>    

 

</head>

<body>

    

</body>

</html>

Встроенные стили

<p style="font-weight: bold; color: red;">Стиль, только для данного абзаца.</p>

Результат:

Стиль, только для данного абзаца.

Правило @import

Правило @import должно стоять выше всех стилей.

1.

<style>

@import url(адрес_сайта.css);

p {

font-weight: bold;

color: red;

}

</style>
2.

Правило @import также используется для подключения веб-шрифтов:

@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
Виды стилей cssвнешний стиль cssВстроенные стилиПравило @import

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019