ПредишенСледващото

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

Създавайте красиви съобщения с помощта на CSS
Създавайте красиви съобщения с помощта на CSS

Нека започнем с типовете съобщения

1. съобщенията Информационни

Целта на тези съобщения, информира потребителя. Такива съобщения трябва да са сини, тъй като хора свързват този цвят информация. Това може да бъде всякаква информация, която може да бъде полезна за потребителя.

2. Съобщения за успеха

успеха на мнения, за да се покаже, след като потребителят е завършил успешно операция. Успешно - е напълно и без грешки. Обикновено такива съобщения зелено.

Такива съобщения трябва да се показва на потребителя, ако операцията не може да бъде завършена. Обикновено те са жълти.

4. Съобщения за грешки

съобщение за грешка, което да се показва само, ако операцията не може да се извърши. Червен цвят е идеален за това, тъй като много сътрудник този цвят с тревога :)

5. Проверка на съобщенията

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

Сега нека видим как се създават такива съобщения

Ние ще се нуждаем от следната CSS код:

Този код може да бъде поставена в един и същи файл, и да направи използването на стилове.

Сега имаме достатъчно в тялото на документа, за да се създаде слой с желания класа:

Комуникацията е много важен елемент от всеки интерфейс. Много често те не използват. Не повтаряйте тази грешка и да използва тези съобщения! И ми се иска на потребителите си възможно най-малко съобщения за грешка. )

Създавайте красиви съобщения с помощта на CSS

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

Създавайте красиви съобщения с помощта на CSS

Създавайте красиви съобщения с помощта на CSS

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

Създавайте красиви съобщения с помощта на CSS

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

Създавайте красиви съобщения с помощта на CSS

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

Свързани статии

Подкрепете проекта - споделете линка, благодаря!