Вбудований стиль
Вбудований стиль (Inline Style) вставляється у звичайні теги заголовків, абзаца <P>, тіла <BODY>, <DIV> (блок), <IMG> тощо. Кожен тег може мати атрибут STYLE, в якому вказуються властивості та їх значення.
Наприклад: <b style="font-size:48pt; color:yellow">; <strong style="color:#ff0000"> текст </strong> і т.п.
Такий спосіб задання властивостей аркуша стилів надає максимальний пріоритет значенням властивостей у порівнянні з іншими способами, оскільки вони задаються безпосередньо у самому тезі. Він використовується для призначення властивостей окремих елементів, кількість яких не є великою.
Приклад використання атрибута STYLE для форматування заголовка другого рівня:
<H2 STYLE="font-size:48; font-family:Arial">Текст…</H2>
Розглянемо таблиці стилів, які використовуються для форматування текстів web-сторінок.
Для цього використаємо параметр <STYLE>, який використовується для вставки в html-документ каскадних стилів CSS (Cascade Style Sheet)
Розглянемо приклад форматування тексту на основі параметра style="…":
параметр style="color:#код кольору" задає колір тексту в 16-ковому коді;
align="вирівнювання" – задає вирівнювання тексту: CENTER – по центру; LEFT (по-замовчуванню) – по лівому краю; RIGHT – по правому краю; JUSTIFY – вирівнювання по-ширині.
style="font-size: розмір тексту px" – задає розмір тексту абзацу в пікселях;
font-family: - задає тип шрифта, наприклад: ="Decor, Arbat, Verdana, Kudriashov, Arial, Helvetica, Courier, Impact, Times New Roman … " та інші.
background-color:# колір – задає колір абзацу тексту.
Розглянемо приклад застосування стильового оформлення тексту.
Приклад 3. Застосуємо до заголовка Н1 відповідної web-сторінки 1.html, створеної під час вивчення попередньої теми наступне стильове оформлення:
<h1 align=" CENTER "style="color:#CD5C5C; background-color: #FFB6C1 "> текст </h1>. В результаті отримаємо наступну web-сторінку:
Аналогічне оформлення ми могли б отримати, якщо з застосували до тексту тег <Font>: <Font color=”red”> текст </Font>.
Розглянемо детальніше форматування тексту за допомогою css.
Властивості шрифту
# п/п |
Властивість |
Значення |
Опис |
|
|
|
serif { АБВГД абвгд ABC abc |
|
|
|
|
(Times, Garamand, Georgia)} |
Завдання гарнітури |
|
|
|
(шрифти із засічками). |
||
|
|
|
||
|
|
sans-serif { АБВГД абвгд ABC abc |
(найменування) |
|
1 |
font-family |
шрифту,.список шрифтів: |
||
(Helvetica, Trebuched, Arial, |
||||
|
|
Arial, "Times New Roman |
||
|
|
Verdana)} (шрифти без |
||
|
|
Cyr", Serif |
||
|
|
засічок). |
||
|
|
|
||
|
|
|
|