Чтобы эффективно изучать 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 стиль. Вот несколько примеров с этого сайта: