1. Робота зі шрифтом
2. Зовнішні файли CSS
3. Використання технології JavaScript
4. Читайте також

. Структура даного оголошення стилю для тега

така:

1. p - ідентифікатор.
2. text-indent - властивість стилю.
3. 5% - значення властивості.

Це спеціальні терміни, визначення, що використовуються в навчальних посібниках, які мають ходіння серед програмістів. Їх слід запам'ятати!

Робота зі шрифтом

Інформація у вигляді тексту - то, за чим будуть приходити 99% відвідувачів майбутнього сайту в пошуку необхідних даних. Тому читабельність шрифту, його естетика і зручність при зоровому сприйнятті грають важливу роль для відвідуваності ресурсу. CSS підключення тут з'явиться тим дією, яке здатне відповісти перерахованим вимогам.

Для маніпуляцій з шрифтом технологія має багатий інструментарій. Найбільш наочно все у вигляді таблиці надати ще один спосіб підключення шрифтів CSS для тега

, Який вирівнює текст:

ІДЕНТИФІКАТОР ВЛАСТИВІСТЬ МОЖЛИВЕ ЗНАЧЕННЯ РЕЗУЛЬТАТ p align left текст притискається до лівого краю (значення за замовчуванням) center текст розташовується по центру сторінки right текст притискається до правого боку justify текст заповнює рядки по обидва боки (як в книгах)

Приклад того, як буде відображено браузером кожне оголошення стилю:

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

Зовнішні файли CSS

CSS підключення може здійснюватися за допомогою зовнішніх файлів. У цьому випадку крім основного HTML-документа створюється окремо документ зі стилями і розташовується в тому ж каталозі, що і сам HTML-документ. Їх кількість може бути будь-яким. Алгоритм підключення зовнішніх CSS файлів складається всього з двох кроків:

1. В текстовому редакторі створити документ зі стилями, вказати розширення для нього .css. При цьому теги не вказуються.
2. У HTML-документі в головній частині документа (між тегами) потрібно послатися на цей файл за допомогою наступної конструкції:

Замість style.css необхідно вказати свою адресу файлу. При цьому адресація може бути як абсолютною, так і відносною. Переваги очевидні:

• зовнішні файли можна застосувати до будь-якої кількості веб-сторінок в межах сайту;
• якщо задати абсолютну адресацію, то до декількох сайтів. Очевидно, що при цьому розмітка пишеться один раз і немає необхідності прописувати стиль для кожної сторінки;
• при використанні програмістом цього способу кінцевий користувач не зможе переглянути код CSS. Таким чином можна захистити свою творчість від плагіату.

Крім усього іншого, при роботі з кодом розмітки верстальник припускається помилок. Їх легше виявити і виправити у відокремленому файлі невеликого розміру, ніж в зазвичай громіздкому коді HTML.

Використання технології JavaScript

При форматуванні тексту на веб-сторінці часто виникає необхідність поставити стиль для певного фрагмента, відмінний від навколишнього. Якщо цей стиль застосовується неодноразово на сайті або в великому веб-документі, то зручно здійснювати підключення CSS через JavaScript за допомогою конструкції:

Знову замість style.css прописується відносний або абсолютний адреса зовнішнього файлу з розширенням .css.

Даний спосіб буде детальніше вивчатися при вивченні програмування на JavaScript. Згадка про нього тут є вимушеним забеганием вперед, але необхідним для роботи з текстами на цьому рівні.

вулиця Кіевян, 16 0016 Вірменія, Єреван +374 11 233 255

джерело

Читайте також