Меню
Блог
Учителю  /  Информатика  /  Бесплатные видеоуроки  /  Что такое CSS или что такое таблицы каскадных стилей?

Что такое CSS или что такое таблицы каскадных стилей?

В этом видеоуроке Вы наглядно увидете, что такое таблицы каскадных стилей CSS. Рассказ идет простым языком, без терминов, с примерами и демонстрацией использования CSS на конкретном сайте. Вы можете посмотреть онлайн видеоурок или скачать его себе на жесткий диск и использовать его на факультативе по информатике

CSS основные сведения в теории.

Одним из весьма заметных этапов развития HTML стало появление CSS — Cascading Style Sheets или, говоря по-русски, каскадных таблиц стилей.

Идея CSS очень проста. Если в HTML вы прямо в документе ставили указание на то, как должен выглядеть тот или иной элемент, то при использовании CSS такие указания выносятся в отдельный блок (который может либо включаться в документ, либо читаться из внешнего файла).

Такой простой ход сразу дает массу преимуществ вебмастеру. Прежде всего, значительно облегчается изменение внешнего вида сайта или отдельных его элементов: достаточно изменить определение соответствующего стиля в единственном CSS-файле, и эти изменения распространятся на весь сайт. Второе преимущество — сокращение размеров документов, которое особенно заметно на «красивых» страницах.

Следует учитывать, что каскадные таблицы стилей не полностью абстрагируют визуальное представление документа от его содержания, они только позволяет более компактно описать правила визуального представления. И если вы захотите изменить дизайн сайта, то вам все равно придется переписывать HTML-код (правда, сделать это будет проще, чем при отсутствии CSS). Значительно больший уровень абстракции можно получить, используя связку языков XML + XSL (из которых, в частности, можно генерировать HTML + CSS), но это намного сложнее и несколько выпадает из темы данной статьи.

Таблицу стилей для целого сайта можно хранить в одном-единственном файлеОднако у предыдущего способа тоже есть свой недостаток: блок STYLE вам придется скопировать в каждую страницу своего сайта. А если страниц там несколько сотен? И вам понадобится что-то поменять? Неудобно… Но можно победить и эту проблему — с помощью тега LINK. Описав требуемые стили в отдельном текстовом файле (теги STYLE указывать не требуется), вы затем можете написать в секции HEAD документа

Эта команда укажет, что таблица стилей находится во внешнем файле. Таким образом, даже для очень большого сайта может использоваться всего один файл со стилями, что очень сильно облегчает редактирование. Есть еще один «хитрый» необязательный параметр тега LINK: MEDIA. Он может указывать для какого типа устройств таблица стилей предназначена, и иметь значения, например, «all» (используется по умолчанию), «handheld», «print» и некоторые другие. Следует только учесть, что (пока еще?) не все браузеры понимают таблицы стилей, подключаемые с использованием этого параметра.

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

Сохранить у себя:

Комментарии 17

Чтобы добавить комментарий зарегистрируйтесь или на сайт

Андрей, 30.06.2013 08:43
Дима, скажите, а нельзя ли ваш голос внести в .css тех сайтов которые я просматриваю, пытаясь понять о чем там говорят?
lusine, 20.05.2012 02:17
vi mne ochen pomagli..thanks!!!!!!
СанЕк, 14.01.2011 02:40
Привет дим!! я тут юзал твои уроки !! по html ваще отлично обьесняешь всё понятно, есть ещо один вопрос ,сделай уроки по изучению программы Dreamweaver! ???с уважением
Nric, 02.11.2010 14:48
Так я понял, что КСС просто множит одну картинку,так?
   ЗЫ: Наверн я жираф))
Проект Видеоуроки

эта одна из тысячей возможностей, которые есть можно получить используя CSS. Вообще CSS - это единый дизайн Вашего сайта

Татьяна, 23.09.2010 12:41
Здравствуйте Дмитрий, ваши видеоуроки отличные!Хочу спросить, будут ли у вас уроки с дивными таблицами, Java, и PHP интересно.
rita, 23.07.2010 07:54
буде правильнее Ка Эс Эс так так это аббревиатура.
jan, 29.05.2010 23:35
Спасибо!
suma, 23.04.2010 09:40
Слово CSS произноситься как Си Эс Эс поскольку слово английское. И буква С на английском тоже произноситься как Си. Не надо путат учеников.........
Проект Видеоуроки

ok Я постараюсь исправиться :)

ProgrammerPC, 17.02.2010 15:37
Какая разница, си эс эс, цэ эс эс, ка эс эс????!!!!!!!! о_О....Я в шоке, как будто от этого меняется вообще весь смысл CSS!!!!!о_О
justeen, 15.02.2010 23:27
По-русски все веб-мастера говорят ЦСС, вас никто и никогда не поймет, если вы будете говорить СиЭсЭс или КаЭсЭс.
   Раздражало ухо - пришлось выключить кино :(
Проект Видеоуроки

Ну... Кто на что обращает внимание.... Ваше право..