Понеділок, 25.11.2024, 11:03
Головна Реєстрація RSS
Вітаю Вас, Гість
Меню сайту
Реклама
Категорії розділу
Архітектура ПК [1]
Архітектура та експлуатація персонального комп'ютера
СПЗ [12]
Системне програмне забезпечення та операційні системи
Комп'ютерна графіка [25]
КСМ [28]
Комп'ютерні системи та мережі
ІСІТО [1]
Інформаційні системи і технології обліку
Бухгалтерський облік [0]
АМтП [10]
Алгоритмічні мови та програмування
Копирайт рерайт [1]
СУБД [18]
Системи управління базами даних
ОКТ практикум [2]
Основи комп'ютерних технологій практикум
Інформатика (практ) [1]
інформатика практикум, практичні заняття
ТіОБВ [61]
Технологія і організація будівельного виробництва
ОСАПр [6]
Основи систем автоматизованого проектування, AutoCAD, ArchiCAD
ТіОБВ (заочники) [1]
Пошук
Статистика
Яндекс.Метрика
Онлайн всього: 3
Гостей: 3
Користувачів: 0
Форма входу
Календар
«  Вересень 2013  »
ПнВтСрЧтПтСбНд
      1
2345678
9101112131415
16171819202122
23242526272829
30
Архів записів
Головна » 2013 » Вересень » 4 » Додавання стилів CSS
16:04
Додавання стилів CSS

Додати стилі CSS на веб-сторінку можна декількома способами, вони відрізняються своїми можливостями і призначенням. 

Використовуючи таблиці пов'язаних стилів опис селекторів та їх властивостей розташовується в окремому файлі. Розширення файлу має бути css. Для того щоб документ використовував ці стилі застосовують тег <LINK>. Він розміщується в контейнер <HEAD>


Приклад. Підключення таблиці стилів CSS/
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Стилі</title>
 <link rel="stylesheet" type="text/css" href="mysite.css">
</head> 
<body>
<h1>Заголовок</h1>
<p>Текст</p>
</body>
</html>
Параметри тегу <LINK> - rel і type незмінюються. Параметр href вказує шлях до CSS-файлу, він вказується як відносний, так і абсолютний. Виходячи з цього можна підключити таблицю стилів, що розміщена на іншому сайті. Вміст файлу mysite.css, який підключається за допомогою тега <LINK> наведено нижче
Приклад :
H1 {
 color: navy;
 font-size: 200%;
 font-family: Arial, Verdana, sans-serif;
 text-align: center;
 } 
P {
 padding-left: 20px;
 }
  Файл зі стилем, наведений у прикладі, не зберігає жодних даних, крім синтаксису CSS. У свою чергу в HTML-документі міститься всього лише посилання на файл зі стилями. Таким способом реалізується принцип розподіл вмісту та оформлення сайту.
Тому використання таблиці пов'язаних стилів є найбільш універсальним і зручним методом додавання стилю на сайт. Адже стилі зберігаються тільки в одному файлі, а в усіх HTML-документах вказується лише посилання на нього.
Категорія: КСМ | Переглядів: 590 | Додав: Gryzley | Рейтинг: 0.0/0
Всього коментарів: 0
Ім`я *:
Email *:
Код *: