March 20

Введение в CSS

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


Что такое CSS?

  • CSS расшифровывается как каскадные таблицы стилей
  • CSS описывает, как элементы HTML должны отображаться на экране, бумаге или в других носителях
  • CSS экономит много работы. Он может управлять макетом нескольких веб-страниц одновременно
  • Внешние таблицы стилей хранятся в файлах CSS

Зачем использовать CSS?

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

Пример CSS

body { background-color: lightblue; }

h1 { color: white; text-align: center; }

p { font-family: verdana; font-size: 20px; }

CSS решил большую проблему

HTML НИКОГДА не должен был содержать теги для форматирования веб-страницы!

HTML был создан для описания содержимого веб-страницы, например:

<h1>Это заголовок</h1>

<p>Это параграф.</p>

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

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

CSS удалил форматирование стиля со страницы HTML!

CSS экономит много работы!

Определения стилей обычно сохраняются во внешних файлах .css.

С помощью внешнего файла таблицы стилей вы можете изменить внешний вид всего веб-сайта, изменив только один файл!