Каскадні таблиці стилів CSS – Недоліки та переваги, CGI, Інтернет-технології, статті

Антон Заболотский, Веб-майстер, розробник Інтернет-проектів
Новосибірській студії
веб-дизайну

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

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

Використання CSS відкриває нові
специфічні можливості, аналогів яким немає
з стандартному HTML. Наприклад, можливо встановити
межбуквенние і міжрядкові відстані для
тексту, точно вказати положення малюнка на
задньому плані без його мозаїчного викладання по
всього документа.

Взагалі, Каскадні таблиці стилів
дозволяють задуматися про дизайн веб-сторінки, про
естетичну сторону сприйняття інформації
користувачем, а не тільки про утилітарною.

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

Зупинимося докладніше на способах
застосування CSS. Існує чотири способи
застосування стилів:

  1. Перевизначення стилю в елементі розмітки
  2. Розміщення опису стилю в заголовку
    документа з використанням тега style
  3. Розміщення посилання на зовнішнє опис через тег
    link
  4. Імпорт стилю в документ

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

Перевизначити стандартний елемент
розмітки або створити власний з необхідними
властивостями відображення можна за допомогою парного
тега style, що знаходиться в заголовку документа
перед тегом body. Також за допомогою тега style створюються
довільні класи. Їх використання допускає
одноразово задати однакові властивості
відображення для різних тегів. Зручно, наприклад,
задавати однаковий шрифт для тексту і
знаходяться в ньому гіперпосилань. Якщо при цьому не
заданий колір і стиль підкреслення, то ці
параметри залишаться для гіперпосилань колишніми і
вони залишаться виділеними серед звичайного тексту.

Коли одні й ті ж стилі використовуються
на кількох або всіх сторінках сайту, не
обов'язково визначати їх у кожному html-документі.
Досить зберегти їх в окремому файлі і
посилатися на нього в кожному документі за допомогою
тега link, що стоїть в елементі head (до тега body).
Атрибут rel при цьому повинен мати значення
"stylesheet".

Можливо також зробити імпорт
стилю в документ. Відмінність від посилання на зовнішнє
опис в тому, що імпорт стилю може бути
зроблений всередину елемента style або всередину
зовнішнього файлу з описом стилів, що задається в
теге link. Таким чином можна створити зовнішній файл
для зовнішнього файлу. Інструкція імпорту стилю
ставиться перед всіма іншими описувача
стилів, що робить можливим легко
перевизначити імпортований стиль.

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

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

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

Каскадні таблиці стилів –
перспективна технологія. Але багато веб-майстри
поки що обмежуються тільки застосуванням CSS
для зміни кольору гіперпосилання при підведенні до
ній покажчика миші.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*