В данном уроке мы рассмотрим, что такое CSS и чем они могут быть для Вас полезны в плане создания сайта.
Однако перед тем как начать рассказ о назначении, функциях и возможностях CSS я бы хотел сделать небольшое отступление и сказать, что на современном этапе развития интернета создать профессионально оформленный сайт без применения CSS практически не возможно.
Нет создать сайт при помощи HTML не прибегая к CSS вы конечно сможете но если вы хотите по настоящему красивый и профессионально оформленный сайт то без использования CSS это сделать не возможно.
Ну а теперь о CSS. CSS (Cascading Style Sheets) – каскадные таблицы стилей предназначены для отделения внешнего вида страницы т. е. дизайна от ее структуры и содержимого.
Если сказать проще то с помощью HTML вы создаете структуру странички, размещаете на ней текст, а то каким шрифтом, цветом и в какой части страницы будет отображаться ваш текст и графика, Вы определяете при помощи CSS. До того как появился CSS все оформление того же текста происходило с помощью HTML т. е. и дизайн и структура странички были совмещены.
Например, при определении абзаца цвет, фон, размер текста все задавалось в самом html коде при помощи тега
и его атрибутов. И всякий раз, когда на других страницах нужно было разместить такой же абзац, приходилось все эти значения, цвета, размера текста и т. д. переписывать. В результате все это нагружало html код, а когда необходимо было что, то поменять в оформлении текста то это приходилось делать на всех страницах сайта.
С появлением CSS появилась возможность назначить всем объектам, свой определенный стиль. Если возвращаться к нашему примеру с тегом
, то с помощью CSS мы можем назначить тегу
определенный шрифт, размер, цвет, т. е. назначить ему определенный стиль и везде где в html коде мы будем заключать текст в этот тег, он будет отображаться, так как мы это определили.
Таким образом, каждому тегу можно присвоить свои свойства и все эти свойства разместить в отдельном стилевом файле, на который будет специальной ссылкой ссылаться каждая ваша html страничка. В результате теперь вам не нужно прописывать различные свойства определяющие вид того же текста в html файле, просто ставьте теги, а текст будет выглядеть так как вы это задали в стилевом файле.
Более того если вы задумаете поменять оформление то для этого вам понадобится лишь изменить определенные значения в одном стилевом файле и все оформление автоматически меняется на всех html страницах которые связанны с этим стилевым файлом.
Если вам что-то не понятно смотрите урок основы CSS там, на примерах рассмотрено применение стилей.
CSS обладает большими возможностями по оформлению html страниц. При помощи CSS можно менять шрифт, размер текста, цвет текста, фон, устанавливать отступы, позиционировать различные элементы на странице и многое другое. При помощи CSS стали доступны новые способы верстки страниц. Это так называемая верстка слоями.
