CSS — каскадные таблицы стилей для новичков // Вебшкола онлайн

 back-2859778 next-6661677

  • CSS — это Каскадные Таблицы Стилей (Cascading Style Sheets)
  • CSS указывает браузеру, как должны быть отображены html-элементы
  • Стили обычно сохраняют во внешнем файле с расширением .css либо помещают в саму страницу
  • Стили были добавлены в HTML 4 для решения проблем
  • CSS поможет вам сэкономить много времени

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

HTML-теги были созданы для определения содержимого документа. Они должны были говорить: «Это заголовок», «Это параграф», «Это таблица», используя теги

,

,

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

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

Для решения этой проблемы, Консортциум всемирной паутины (World Wide Web Consortium — W3C) — некоммерческая организация, разрабатывающая стандарты интернета, разработал стили и добавил их в HTML 4.0.

Теперь все основные браузеры поддерживают CSS.

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

CSS указывает браузеру, как должен отображаться html-элемент. Обычно стили сохраняют во внешних файлах .css. Это позволяет вам менять оформление множества страниц, изменяя всего один файл.

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

Заметка: Ну и на десерт, чтобы ознакомиться с тем, что дает знание CSS, можете посмотреть сайт Zen Garden. На этом сайте люди полностью меняют оформление страницы, при этом весь текст остается неизменным. В общем, смотрите сами.

back-2859778next-6661677