Что такое CSS?

Здравствуйте!

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

Если Вы не знакомы с HTML, сначала пройдите курс Введение в HTML. 

Если Вы думаете: «Я уже знаю HTML», — давайте начнём.

В этой части курса мы узнаем, зачем нужен CSS.

Прежде всего давайте зададим первый вопрос, который не давал мне покоя во время изучения CSS.

Если HTML не может что-то сделать, зачем нам изучать дополнительный язык?

Прежде всего давайте вспомним, что делает HTML. 

HTML — это язык, который мы используем, чтобы представлять данные на веб-страницах (текст, изображения, формулы и т. д.) более точно для пользователей.

Например, представим, что мы пишем статью в блокноте. 

Если убрать из статьи точки, запятые и другие знаки препинания, мы можем исказить то, что хотим сообщить людям, которые будут её читать.

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

Веб-страница является HTML-документом, а браузеры ищут HTML-документ, чтобы отобразить страницу. Поэтому можно считать, что HTML-документ — это основа веб-страницы.

Так что же делает CSS?

CSS — это технология, разработанная для придания визуального оформления нашим данным, которого недостаточно обеспечивает HTML при их представлении.

Давайте рассмотрим другую аналогию. Представьте, что Вы строите дом. Главная задача дома — служить убежищем для людей, которые будут в нём жить. Именно это делает HTML.

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

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

На изображении выше показан снимок сайта wikipedia.com с отключёнными стилями. 

Иными словами, используя только язык HTML, мы можем получить для посетителей результат, который Вы видите выше.

Теперь посмотрим на результат, снова включив код CSS.

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

В своей текущей версии, CSS3, она приобрела множество визуальных возможностей.

Мы узнали, что такое CSS. Прежде чем перейти к следующему разделу,

давайте рассмотрим наиболее часто задаваемые вопросы о CSS.

С какого времени используется CSS (каскадные таблицы стилей)?

CSS используется с 1996 года.

Могу ли я создать веб-страницу без использования CSS?

Да, можете. Но, скорее всего, она будет выглядеть настолько плохо, что ни один пользователь не зайдёт на неё. Без CSS веб-страницу буквально нельзя назвать веб-страницей.

Используют ли крупные веб-приложения, такие как Facebook, Google и Amazon, CSS?

Да. Не только они, но и каждая веб-страница, которую Вы открываете в браузере, использует CSS.

Сложно ли изучать CSS?

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

Например, размещение блоков на странице. Мы сосредоточимся на этих и подобных вопросах. К концу курса Вы обязательно изучите CSS.

Можете ли Вы дать мне совет, как изучать CSS?

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

Поздравляем! 🥳🥳🥳

Вы завершили урок «Что такое CSS».

В следующем разделе мы изучим введение в CSS.

Нажмите, чтобы продолжить и перейти к следующему разделу.