Работа с класове в HTML и CSS

Накратко за това, което ни е нужно класове. Да предположим, че имаме на страница от няколко параграфа, и решихме да попитам всеки един от тях, за да им украса. Човек трябва да бъде зелен, другият жълт, а третият - така че всичко синьо. Как да бъдем в този случай? В крайна сметка, всичко, което е на наше разположение в момента, така че този етикет стр. И ако го помоли да се произнесе, той автоматично се прилага за всички елементи. И ние няма да му хареса. Тук, в този случай и излезе с класове.

Както вероятно вече се досещате, класовете се използват в случаите, когато трябва да даде конкретни ал свойства, които са уникални с него насаме. Кодът на HTML към някои маркер, за да присвоите клас, трябва да се регистрирате името на самия клас атрибут клас. Например клас = "зелена". В действителност тя ще изглежда по следния начин:

Но от това, което е предписано елемент, атрибут, самият текст на зелено няма да стане. Поради това е необходимо да го попитам правило CSS. И това може да се направи, както следва:

Това правило може да се чете като: зададете р елемент с клас зелено зелено. Сега, ако искаме да сме сигурни, че всички точки, които са на страницата ни са зелени, ние просто ги предписват към съответния клас. И ние виждаме, че тези точки, които сме давали този атрибут се подчертава в зелено.

За укрепване на материала, можете да зададете на параграфите в своите класове и да се регистрират свои собствени правила CSS.

Тъй като и други елементи са абсолютно една и съща история. Можете просто да зададете h1 класове или h2 заглавна и ги боя в различни цветове. Но като цяло, тя не е на самите цветове, а по-скоро да се подчертаят някои елементи на една страница с помощта на класове. И правилата ще бъдат свободни да ги поиска от вида, който е угодно.

Така че, може да бъде изправена пред ситуация, която трябва да се направи зелен не е само точка, но заглавието също. И тогава вие ще имате три възможности. За да направите това:

Предписват отделни правила за заглавие и параграф:

Използвайте групиране на селектори:

Но можете да го направите по-кратък, като посочва, както следва:

Тук ние не уточняват някои от селектори и даде да се разбере, че ние работим с всички елементи, които имат съответния клас.

В допълнение, ние също имаме възможност да зададете елемент, принадлежащи към няколко класа. За да направите това, достатъчно е да има елемент на втори клас с интервал. Така например, по следния начин:

И в селектора на CSS за голям проси необходимите правила.

Къде може да се използва?

Така например, ако искате не само да определите цвета на елемент, но и все повече и зададете размера на шрифта. Но вие не искате да направите това за всички елементи с зелен клас, и искате да използвате това правило само за конкретна точка. Така например, по следния начин:

Снимката показва, че дадена точка, наред с други рисувани зелено, реших да попитам още по-голям размер на шрифта. Но не можех да предпише по правило за избор на размер на шрифта за зелена клас. Тъй като в този случай, аз ще трябва всички параграфи с зелен клас, увеличаване на размера на шрифта.

В момента, може би всичко, защото всичко, което исках да ви разкажа за класовете вече описани. Ще се видим в следващите уроци!