Введение в CSS // Вебшкола онлайн

 back-6572197 next-6177964

Чтобы эффективно изучать CSS вы должны иметь понятие о следующем:

Если вы хотите сперва изучить эти технологии, посетите Домашнюю страницу.

Что такое CSS?

  • CSS расшифровывается как Cascading Style Sheets (каскадные таблицы стилей
  • Таблицы стилей определяют то как будут отображаться HTML элементы
  • Стили были добавлены в стандарт HTML 4.0 для решения проблем с быстрым редактированием оформления
  • Внешние таблицы стилей экономят ваше время
  • Внешние таблицы стилей хранятся в файлах с расширением CSS

Стили решают проблемы оформления

HTML не был рассчитан на управление форматированием документов.

HTML рассчитан на содержимое, например:

Это наш заголовок

А здесь у нас будет текст параграфа.

Когда в спецификацию HTML 3.2 были добавлены теги вроде и цветовые атрибуты, это стало кошмаром веб-мастеров. Разработка больших сайтов, на которых надо было добавлять информацию о шрифте и цветах элементов html на всех страницах, стала занимать много времени и была дорогим удовольствием.

Для решения этой проблемы наш любимый Консорциум Всемирной Паутины (W3C) создал стандарт CSS.

В HTML 4.0 все форматирование можно было извлечь из html-документа и хранить его в отдельном css файле, что облегчило изменение оформления через изменение одного единственного файла.

В наше время все браузеры поддерживают CSS.

CSS экономит ваше время!

CSS определяет то, КАК должны отображаться HTML элементы.

Стили обычно хранятся во внешних файлах с расширением (.css). Внешние таблицы стилей позволяют вам изменять разметку и оформление всех страниц веб-сайта, изменяя содержимое одного css файла.

Чтобы вы смогли оценить всю мощь CSS, предлагаю вам посетить сайт csszengarden.com. В боковой колонке вы можете выбрать дизайн и посмотреть как изменится страница. Вам, наверно, будет интересно узнать, что на этом сайте используется один и тот же html код для всех дизайнов, меняется только css стиль. Вот несколько примеров с этого сайта:

css-1455713

css1-8436649

css2-7097351

back-6572197 next-6177964