Star рейтинг CSS

За маркиране, използван за Unicode характер звезда (?). Ако сте задали за вашия документи UTF-8 кодиране, а след това всичко трябва да мине през без никакви проблеми. В ☆ може да се използва като алтернатива. Можете да инсталирате най-много звезди, колкото искате:

След това трябва да конвертирате "празен" звезда в "завършен", когато мишката (търсим този символ може да бъде на сайта на галерията). е лесно решим, чрез поставяне на псевдо-елемент за "запълване" на звездата на върха на псевдо-класа (?): задържане на курсора:

Само абсолютно позициониране елемент, най-добре характеристиките по подразбиране се използва в повечето браузъри: 0; лява: 0. Ето защо, "изпълнен с" звездата попада на върха на "празни" звездите. Можете също така да промените цвета.

Но тъй като ние се занимаваме само с една звезда. И шаблон правила интерфейс изисква всички звезди са "пълни". Например, ако курсора на мишката върху navolitsya четвърти звезда, всички четвърти звезда трябва да е "пълна", т.е. 1, 2, 3-ти и 4-ти.

В CSS, няма начин да изберете родено дете елементи. Но има начин да се избере следващите деца елементи, използвайки комбинатори съседни елементи. Ако промените реда на героите, то тогава може да се използва обща комбинатор съседни елементи, за да изберете всички звезди, които са в предната част на звезда с входа съсредоточи визуално. но след това в структурата на HTML документ.

Ние получи работа шаблон. Ето и пълния код:

До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!

Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!

Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.

Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!