Что такое CSS простым языком?

Категория: Что такое?

– Автор: Игорь (Администратор)

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

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

Таким образом появилась эта аббревиатура CSS.

CSS - это Cascading Style Sheets или по-русски каскадные таблицы стилей, в которых задается оформление различных элементов html-документов в виде простых правил.

Пример правила:

p
{
    color: red;
}

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

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

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

К примеру:

p
{
    color: red;
    font-size: 15px;
}
p strong
{
   color: blue;
}

Что определяют эти правила? Первое определяет, что любой текст внутри абзаца будет красным и иметь размер 15 пикселей. А второе определяет, что все выделенные жирным слова внутри абзаца будут иметь синий цвет. При этом размер текста не нужно снова указывать, он будет унаследован из первого правила и будет так же составлять 15 пикселей.

Как видите очень удобно.

Под конец, хотел бы отметить, что несмотря на простоту составления правил CSS, существует огромное количество разных нюансов (хитростей, трюков) при форматировании и унаследовании стилей. Так что если вы всерьез задумаетесь о том, чтобы изучать дизайн, то будьте готовы провести немалое количество времени в интернете.