Де можна розмістити правила CSS

Дата добавления: 2015-07-09; просмотров: 468; Нарушение авторских прав

Є декілька можливостей для розміщення правил CSS на Web-сторінці.

• Приєднати до елемента сторінки. В останніх версіях HTML для елементів сторінки передбачений атрибут STYLE, який дозволяє вам застосовувати до елемента форматування CSS. Код HTML при використанні цього атрибута виглядає таким чином:

<р style="text-transform; uppercase;" > Це буде відображене великими буквами. </р>

При використанні кнопки Style у властивостях цього елемента FrontPage застосує до нього вибрані вами настройки форматування CSS саме цим способом.

• Розмістити в розділі <STYLE> Web-сторінки. В останніх версіях HTML є спеціальні стильові теги, за допомогою яких браузеру повідомляється вся необхідна інформація про правила CSS. У більшості Web-сторінок все ці теги вміщуються в спеціальний розділ <STYLE>, який, в свою чергу, вміщується в розділ <HEAD>. Ось приклад Web-сторінки:

<HTML>

<HEAD>

<STYLE>

H1 { color: green; }

</STYLE>

</HEAD>

<BODY>

<H1> Цей заголовок буде виділений зеленим кольором. </H1>

</BODY>

</HTML>

o Щоб вставляти подібні вирази не в режимі написання коду HTML, а за допомогою діалогових вікон FrontPage, виберіть в меню Format команду Style. Далі ви зможете створити потрібні вам селектори, використовуючи угоду про найменування (назва нового клавіатурного селектора повинна співпадати з тегом структури сторінки HTML, назва селектора класів - починатися з крапки (.), а назва селектора ідентифікаторів - зі знаку фунта (#).

o До виділених частин тексту селектори застосовуються по-різному. Клавіатурні селектори після їх створення вже застосовані до відповідних частин тексту. Селектори класів можна вибрати в числі інших стилів зі списку Change Style панелі інструментів Formatting. Селектори ідентифікаторів доведеться вставляти в режимі редагування коду HTML (див. “Основи CSS” ).

• Розмістити в файлі, на який буде посилатися декілька Web-сторінок. Дуже зручно відвести для визначення всіх стилів CSS окремий файл, на який будуть посилатися інші Web-сторінки. Цим ви забезпечите собі централізоване управління стилями CSS на всіх Web-сторінках.

<== предыдущая лекция	\|	следующая лекция ==>
Основи CSS	\|	Інтеграція CSS і FrontPage