Каскадні аркуші стилів


Скачати 108.72 Kb.
НазваКаскадні аркуші стилів
Дата25.03.2013
Розмір108.72 Kb.
ТипДокументи

Каскадні аркуші стилів


Стиль – це набір правил оформлення та форматування, який можна застосувати до різних елементів сторінки.

Каскадні аркуші стилів, (так звані CSS, Cascading Style Sheets) містять опис формату частини або всього тексту. Якщо заданий аркуш стилів, то різні теги можуть просто посилатися на нього і не містити великої кількості атрибутів. Аркуші стилів назвали каскадними тому, що в одному документі можна описати кілька аркушів, браузер використовуватиме їх каскадом, відповідно до пріоритету цих описів.

Отже, каскадні аркуші стилів – це набори тегів HTML, до яких додаються параметри, що змінюють їхні властивості. Наприклад: P {font-size:40pt; color:green; font-family:"Comic Sans MS"} Каскадний аркуш стилів містить параметри тега абзаца
, які встановлюють розмір шрифта – 40 пунктів, колір шрифта – зелений, ґарнітура шрифта – Comic Sans MS. У документі досить вказати тег

, що автоматично надаватиме даному абзацові вказаного оформлення.

Стильових ефектів є досить багато. Наприклад ефектами оформлення можуть бути:

background – колір тла;

font-family – вид шрифта;

font-size – розмір шрифта;

color – колір шрифта;

text-decoration – оздоблення тексту;

font-weight – жирність шрифта;

margin-top – відстань від верхнього рядка;

line-height – висота рядка.

Визначення й застосування каскадних аркушів стилів


Використовують три способи зв'язку каскадних аркушів стилів з HTML-документом.

Зовнішній аркуш стилів


Аркуш стилів існує у вигляді окремого текстового файла з розширенням .css (бажано розташовувати цей файл у тій папці, де міститься зв'язаний з ним HTML-документ). Файл *.css підключається до HTML-документа за допомогою тега <LINK>, який записується у розділі <HEAD>, наприклад:



Атрибути REL та TYPE є зарезервованими іменами, вони вказують браузеру на те, що сторінка використовуює каскадні аркуші стилів. Атрибут HREF вказує на ім'я файла (mystyle.css).

Вправа 1. Зовнішні стилі

Оформимо веб-сторінку за допомогою зовнішні аркушів стилів.

1. Відкрийте текстовий редактор Блокнот і наберіть визначення тега <P>.

P {font-size:40pt; color:green; font-family:"Comic Sans MS"}

2. Збережіть файл під іменем mystyle.css.

3. У текстовому редакторі Блокнот створіть файл з наступним змістом:







приклад використання CSS






Цей текст відповідає призначенням в аркуші стилів, що міститься у файлі mystyle.css, тобто розмір шрифта – 40 пунктів, колір шрифта – зелений, а ґарнітура – Comic Sans MS.

Схожі:

Тема: Українська мова професійного спрямування в аспекті функціональних стилів
Функціональні стилі української мови та сфери їх застосування. Основні ознаки функціональних стилів
ТЕМА: Текстовий процесор MS Word. Форматування документів. Застосування...
МЕТА: сформувати поняття про рівні форматування тексту в документі та елементи форматування кожного рівня, сформувати навички виконання...
Тема : Використання стилів. Автоматичне створення змісту документів. Мета
Мета: познайомити учнів із особливостями використання стилів документів, а також познайомити із методами створення авто змісту
Лекція: Оформлення тексту. Стилі і теми : версія для друку і PDA...
Показано видалення стилю. Звернена увага на неможливість видалення деяких стилів. Дано поняття теми документу. Показано застосування...
Урок 3 Тема: Таблиці в текстових документах. Використання стилів,...
Навчальна мета: Познайомити учнів з основами роботи із текстовим редактором, поняттями стилі та таблиці в текстових документах. Використання...
Лабораторна робота №23-26 Тема
Мета: навчитися макетувати макет буклету з використанням шаблонів, стилів, модульної сітки
Тема. Розвиток зв’язного мовлення
Обладнання: підручник, мультимедійна презентація, пам’ятка „Правила написання листа”, аркуші, конверт
Як орієнтуються вночі кажани.?
На аркуші написані назви тварин і рослин. Поясніть товаришам, аби зрозуміли про кого мова
Справжній учитель: який він?
Формувати бачення й усвідомлення вчителями поєднання у своїй діяльності різних стилів поводження
Бійчук А. Г. вчитель вищої категорії
Це твори академічних стилів, жанрів і форм, а також кращі зразки народної творчості
Додайте кнопку на своєму сайті:
Портал навчання


При копіюванні матеріалу обов'язкове зазначення активного посилання © 2013
звернутися до адміністрації
bibl.com.ua
Головна сторінка