Комментарии

Что такое CSS

Rate this item
(0 votes)

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки (wikipedia).

Использование CSS на сегодня является основным методом придания вида сценарию (web странице). Использование таблиц стилей существенно упращает работу по верстке и дает практически безграничные возможности для создания кроссбраузерных страниц сайтов.

Таблицы стилей обычно содержfтся в отдельных файлах с расширением .css, которые подключаются в head html-документа. Также можно вписать стили напрямую в документ или, в целях достижения кроссбраузерности (чаще всего из-за всеми "любимого" IE), используют подключение файлов  таблиц (или же просто отдельных стилей) с помощью "условных комментариев".


Подключение файла .css. Кака видно файл подключается между тегами head.  Это означакет, что при загрузке страницы браузер обратится к файлу style.css, прочитает и загрузит все стили из этого файла и толко потом будет загружать основной сценарий с применением описанных стилей.

Содержание блока,к который будет иметь красную сплошную рамку в 1px

Рекомендуется делать такое подключение до элементов которым должны применяться стили.

Содержание блока...

Такой способ применяется когда необходимо выводить элемент со "встроенным стилем". Дело в том, что приоритет отдается именно такой форме присвоения стиля и каскадные таблицы будут игнорироваться. Это очень удобно когда, например (по контексту) для всех блоков DIVв "вынесенном" каскаде задано выравнивание текста (text-align) по левому (left) краю и цвет текста , например, зеленый, а именно этот блок должен иметь выравнивание по центру и текст должен быть красным.

ПРИМЕЧАНИЕ: Если в таблице стилей описаны, например, 5 стилей элемента, а жестко мы переопределили только, например, 3, то оставшиеся 2 (не переопределенных) будут применены из каскада. Помните это!

Теперь про условные комментарии... Очень нужная вещь, поскольку разные браузеры отображают некоторые стили по разному. Лидер таких "косяков" несомненно IE. Дело в том, что не всегда можно соединить несколько интерпретаций одного и того же стиля в одной таблице.

   

ПРИМЕЧАНИЕ: Все стили будут применяться из файла style.css и, только когда клиент будет просматривать станицу с помощью IE версии 7 и ниже, подгрузится файл ie.css и будут применены ПЕРЕОПРЕДЕЛЕННЫЕ стили из этого файла, а остальное браузер возьмет из основного каскада.

Вот кратко о том, что из себя представляют CSS и какие возможности они дают разработчику.

Read 2178 times
More in this category: Синтаксис CSS »

Добавить комментарий


Защитный код
Обновить