русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Каскадні таблиці стилів CSS

У першій статті я навмисно не описував теги і атрибути що стосуються стильовий розмітки, оскільки в стандарт HTML 4.01 вони відносяться до числа не рекомендуються до застосування (в наступних версіях стандарту можуть бути віднесені до застарілим і вийшли з вживання). Замість них рекомендується застосовувати апарат стильового оформлення (Style sheets).

За допомогою таблиць стилів вирішуються такі питання стильовий розмітки:

Одна з фундаментальних коштів CSS - каскад стилів. Стилі можуть бути вказані

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

Каскадна таблиця стилів - це текстовий файл, зазвичай зберігається із розширенням .сss. Він створюється за допомогою звичайного текстового редактора або за допомогою редактора з вбудованою підтримкою каскадних таблиць стилів CSS. Файл містить правила для аналізатора браузера з відображення даних. Ці правила складаються з селекторів та оголошень, які визначають, яким чином дані повинні бути представлені користувачеві. Селектори зазвичай посилаються на окремі HTML-елементи, а оголошення визначають, яким чином той чи інший обраний елемент відображається. Оголошення містять пари властивість-значення. Кожне властивість призначає певне значення. Синтаксис правила CSS наведено нижче:

Селектор {властивість:значення; властивість:значення;...}

HTML-документ зв'язується з зовнішньої таблицею стилів за допомогою дескриптора <LINK>:

<link rel="stylesheet" type="text/css" href=URI>

Внутрішня таблиця стилів звичайно приводиться в заголовку документа за допомогою дескриптора <STYLE>:

< type="text/css">
<
Селектор1 {властивість: значення}
Селектор2 {властивість: значення}
Селектор3 {властивість: значення} ...
-->
<>

У рамках HTML-елемента його стиль визначається атрибутом style:

<ДЕСКРИПТОР style="властивість:значення; властивість:значення;...">

Переглядів: 1415

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн