CSS введение

Что такое CSS? Если кратко — это набор правил оформления. Выбирается какой то элемент HTML (если вы не знаете что это, то перед прочтением нужно узнать) и задаете ему некий список свойств (параметров). Например я хочу чтобы вот этот элемент имел синий текст и вокруг красную рамку. Элементом может выступать любой тег или даже несколько тегов. Для того чтобы обозначить к каким именно тегам вы хотите применить те или иные свойства вы указываете некий ключ, в CSS он называется селектор, который будет прямо говорить к каким элементам применяем. Возьмем самый простой пример, хотим чтобы все ссылки на странице были синими.

a {
   color: blue;
}

Здесь «a» это название тега, это и есть селектор в самом простейшем случае. Название параметра «color», таких несколько десятков и со временем вы их все запомните, и наконец значение «blue», про цвета мы еще поговорим. А пока сосредоточимся на селекторах. Для того чтобы как-то различать теги на странице, придумали такой атрибут у HTML элемента, как класс.

<a class="my">
    Link
</a>

Теперь то мы сделаем только нашу ссылку синей.

a.my {
   color: blue;
}

Вот так просто через точку мы определили класс в CSS.

Чтобы стили заработали, их нужно поместить в специальный тег

<style></style>

Либо поместить в файл например назвать его style.css и подключить с помощью другого тега.

<link rel='stylesheet' href='style.css'/>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *