Введение в CSS шаг 1

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

Классы и ID Селекторы
В статье будет рассмотрены HTML селекторы  — только те которые похожи на HTML
Вы так же можете использовать ваши селекторы в форме классов или же ID селекторах.
Преимущество в том что у вас может быть тот же HTML элемент который представлен по другому в зависимости от его класса или ID.
В классовых селекторах CSS его имя означает полную остановку («.») а так же в имени ID селектора может присутствовать переменный символ («#»).
Исходя из этого CSS может выглядеть вот так.

#top {
    background-color: #ccc;
    padding: 20px
}
.intro {
    color: red;

    font-weight: bold;}

HTML часто ссылается на CSS используя атрибуты ID и class.  Это выглядит примерно так.

 

<div id=» top «>

<h1>Chocolate curry</h1>

<p class=» intro «>This is my recipe for making curry purely with chocolate</p>

<p class=» intro «>Mmm mm mmmmm</p>

</div>


Разница  между ID и классами в том — что ID используется для того что бы определить один элемент, в то время когда классы используют для определения группы элементов.
Вы так же можете использовать селектор в специфическом HTML элементе,  достаточно только указать

p.jam { /* whatever */ }

этот параметр будет присуждаться всем элементом с классном «jam».

GoodGudvin

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

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