CSS

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

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

CSS применяется только в купе с HTML. Если последний это внутреннее содержимое, то CSS это набор правил, которые определяют, как будут располагаться элементы HTML.

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

Определение стиля в CSS, устанавливающего внешний вид какого-либо элемента (фрагмента) веб-страницы, — это всего лишь правило, которое сообщает браузеру,
что и каким образом форматировать: изменить цвет шрифта заголовка на зеленый, выделить фото коричневой рамкой, создать меню шириной 200 пикселов для списка гиперссылок. Если бы стиль мог говорить, он сказал бы: «Браузер, сделай,  чтобы вот это выглядело так­».

И вот как это сделать:

Первое, что вы делаете, выбираете элемент, который хотите стилизовать
в данном случае это элемент <p> . И учтите, что в CSS не нужно ставить фигурные скобки вокруг элемента 
 Затем вы указываете, то свойство элемента, которое хотите использовать для его оформления, в данном случае это цвет элемента.
р { background-color: red; }
 Поместите все стили для элемента p между фигурными скобками { } Вы хотите, чтобы цвет фона был красным
 Между свойством и его значением ставится двоеточие В самом конце поставьте точку с запятой 

Все это называется правилом


где h1 это селектор,предназначенный для выбора тех частей документа, к которым должно быть
применено данное правило, заключенное в скобки это объявление, состоящий из одного или более объявлений. Каждое объявление, в свою очередь, состоит из свойства CSS и значения этого свойства:
h1  {color: red; background: yellow}
color - свойство, red - значение, background - свойство, yellow - значение.

Вы можете добавить в каждое СSS правило столько свойств и их значений, сколько пожелаете.


Печать