ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Виды стилей css

2018/04/20 Марат 566 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);С вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Виды стилей cssвнешний стиль cssВстроенные стилиПравило @import

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