Приклад 1. Завдання властивостей шрифту за допомогою CSS

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

H1 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 150%; font-weight: |light }

</style>

<body>

<H1>Заголовок</H1>

Звичайний текст

</body>

</html>

Гіперпосилання – це невід'ємна частина будь-якої Web-сторінки. Нижче приведені класи CSS, скориставшись якими можна змінити встановлений за умовчанням (підкреслений синього кольору) формат гіперпосилання:

§ а: link – формат не активізованого посилання.

§ а: visited- формат раніше активізованого посилання

§ а:active – формат посилання, активізованого в даний момент.

§ а:hover- формат посилання, на якому в даний момент знаходиться покажчик миші.

Властивості стилів гіперпосилань

Властивість	Примітка і можливі значення
Background-color	Колір фону гіперпосилань
Color	Колір тексту
Font-family	Шрифт тексту
Text-decoration	Зображення шрифту. Можливі значення: underline (підкреслений), overline (підкреслений зверху), strikthrough (закреслюваний)

Для управління видом рамки надається вісім значень параметра border-style.

Перші дві - dottedі dashedсталі підтримуватися браузерами Netscape і Internet Explorer тільки із старших версій. <p style="color: yellow;

background-color: deepskyblue; text-decoration: underline; text-transform: uppercase;

border: pink inset 25;

PADDING: 20; font-size: larger; line-height: 40px; text-align: сеnter;"> ... </p>Атрибут style="."задає стильове оформлення абзацу Атрибут color: yellow;задає колір тексту

Атрибут background-color: deepskyblue;задає колір фону для абзацу Атрибут text-decoration: underline;задає підкреслення для тексту Атрибут text-transform: uppercase;задає режим заголовних букв для тексту

Атрибут border: pink inset 25;задає рамку навкруги абзацу, відповідно, рожеву опуклу завтовшки 25 пікселів Атрибут PADDING: 20;задає Атрибут font-size: larger;задає розмір шрифту АТРИБУТ line-height: 40px; задає міжрядковий інтервал АТРИБУТ text-align: сеnter;задає вирівнювання тексту усередині абзацу по центру

Завдання: Використовуючи CSS змінити формат тексту і гіперпосилань в Web – сторінці.

Література, що використовується

1. С.В.Симоновіч Інформатика. Базовий курс. Видавництво «Пітер» 1999

2. . Матросів А., Сергєєв А., Чаунін М. HTML 4.0. – СПб.: БХВ-Санкт-Петербург, 2000.

3. Дідре Хейз Освой самостійно HTML XHTML М.:2002.

<== предыдущая лекция	\|	следующая лекция ==>
Властивості шрифту	\|	Введение