Что такое CSS? Основные понятия и принципы.

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

Начнем с самой аббревиатуры CSS, как она расшифровывается. Загадочные три буквы CSS сокращение от Cascading Stile Sheets, что в переводе с английского языка означает – Каскадные Таблицы Стилей. CSS – это собрание стилевых описаний каких-либо тегов HTML. Стили CSS могут применяться как к одному определенному тегу, так и ко всем схожим элементам одновременно, причем на всех страницах сайта. Можно сказать, что CSS – это некое дополнение к языку разметки HTML, которое на много расширяет его возможности и дает больше инструментов для оформления web – страниц.



Многие могут задать вопрос: «Ну и что, все равно не понимаю, зачем нужен этот CSS? Ведь я без него справлялся, и с помощью одного HTML делал неплохие web-страницы.»

После нескольких аргументов в пользу стилей CSS, ваши сомнения развеятся и вы захотите побыстрее приступить к изучению CSS. На самом деле, HTML очень ограничен в своих возможностях и используя только его, нельзя осуществить многие функциональные и дизайнерские идеи при создании сайта. Например, взять хотя бы те же ссылки. Используя чистый HTML, вы не сможете сделать так, чтоб при наведении курсором мыши, ссылка меняла цвет или убиралось ее подчеркивание. А вот с помощью CSS это делается очень просто! У начинающих web-мастеров часто возникаю вопросы, касающиеся дизайна сайта, и уж поверьте, их просто тьма. В решении большинства таких задач нам помогут стили CSS.

А вот другая ситуация. Представьте себе, что вы сделали хороший информативный сайт, который состоит из огромного количества страниц, к примеру, их более сотни. И со временем вы захотели изменить его дизайн или применить какие-то новые технические решения. Сколько же понадобится времени, чтобы переделать такое количество страниц сайта? Просто ужас как много. Но выход есть, использовать стили CSS, которые решат эту задачу очень просто. С помощью CSS можно описать дизайн сайта в отдельном файле и если нужно будет его поменять, то изменения нужно будет ввести лишь в этот один файл. Согласитесь, на сколько упрощается задача. И теперь вам не потребуется открывать все сто страниц по очереди и вносить изменения в каждую из них. К примеру, нам нужно сделать на всех страницах желтый фон, все заголовки синим цветом и определенным шрифтом, текст в абзац темно-серым цветом и так далее. И для того, чтобы сделать одновременно эти изменения на всех страницах сайта, мы указываем нужные стили в одном файле CSS и заставляем их брать информацию от туда. Как видите все очень просто и главное, использование CSS очень экономит ваше время. И еще, так как мы выносим часть кода, описывающий стили одних и тех же элементов, в отдельный файл, это значительно уменьшает объем HTML страниц и тем самым уменьшает время их загрузки. А все посетители любят, чтоб сайт загружался быстро.

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