Как работает CSS?

19 сентября 2013

При создании страниц сайта значительно облегчает процесс использование CSS. Именно использование CSS, поможет вам значительно уменьшить количество кода на страницах, перенеся ее оформление из HTML в CSS. Хочется также отметить, что многие свойства, которые используются в CSS, аналогичны тем, которые есть в HTML.

А теперь немного подробнее. В целом код CSS состоит из селектора, значения и свойства. В первом используются теги по типу body, р, в свойствах указываются отступы и другие параметры оформления, а в значении указываются свойства оформления бекграунда и размеры текста.

В целом существует три метода применения CSS к документу HTML. Первый — это метод Инлайн. При его использовании все команды передаются с помощью атрибута “style” в HTML коде. Например, для того чтоб прописать командами CSS оформление в тег “table” прописывается атрибут “style”: «table style=”background-color: #0ba816; font-size: 15px; color=»#FFFFFF»».

Второй метод — Внутренний. При его использовании выбирают HTML тег “style” и закрывающий “/style”, а между ними прописывается необходимый CSS код. Например, «style type=»text/css»»body {background-color: #FF0000;}«/style».

Самым распространенным и простым, считается третий метод — Внешний метод. Здесь используется внешний CSS файл, на котором создается ссылка из HTML страницы. Это самый популярный и простой способ значительно сократить количество HTML кода.

Не можете найти ответ на вопрос?