Gyönyörű üzenetek létrehozása a css segítségével

Ebben a leckében megtudhatja, hogyan lehet gyönyörű üzeneteket létrehozni a CSS használatával. Ezenkívül megtudhatja, hogyan kell őket megfelelően használni.

Gyönyörű üzenetek létrehozása a css segítségével
Gyönyörű üzenetek létrehozása a css segítségével

Kezdjük az üzenettípusokkal

1. Információs üzenetek

Ezen üzenetek célja a felhasználó tájékoztatása. Az ilyen üzeneteknek kéknek kell lenniük, mivel az emberek ezt a színt az információhoz társítják. Minden információ hasznos lehet a felhasználó számára.

2. Sikeres üzenetek

A sikeres üzenetek akkor jelennek meg, ha a felhasználó sikeresen elvégezte a műveletet. Sikeres - teljesen és hiba nélkül. Általában ezek az üzenetek zöldek.

Az ilyen üzeneteket a felhasználónak kell megjeleníteni, ha a műveletet nem lehet elvégezni. Általában sárga színűek.

4. Hibaüzenetek

A hibaüzenetek csak akkor jelennek meg, ha a műveletet nem lehet végrehajtani. A piros a tökéletes szín, mivel sokan szorongatják ezt a színt :)

5. Ellenőrző üzenetek

Egy másik típusú üzenet. Én inkább narancs színt kedveltem nekik. Az ilyen üzenetek a felhasználó számára hibákat mutatnak (pl. Nyomtatványok kitöltésekor).

Most nézzük meg, hogyan jönnek létre az ilyen üzenetek

Szükségünk van a következő CSS kódra:

Ez a kód beilleszthető vagy ugyanabba a fájlba, vagy stíluslapként jeleníthető meg.

Most elegendő számunkra, hogy létrehozzunk egy réteget a szükséges osztályban a dokumentum testében:

Az üzenetek egy nagyon fontos eleme bármely felületnek. Nagyon gyakran nem használják őket. Ne ismételje meg ezt a hibát és használjon hasonló üzeneteket! És szeretnék a felhasználóknak olyan kevés hibát, amennyire csak lehetséges. )

Gyönyörű üzenetek létrehozása a css segítségével

Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!

Gyönyörű üzenetek létrehozása a css segítségével

Gyönyörű üzenetek létrehozása a css segítségével

Ha sokáig szeretné megtanulni a HTML-t, akkor remek hírekkel szolgálok neked!

Gyönyörű üzenetek létrehozása a css segítségével

Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.

Gyönyörű üzenetek létrehozása a css segítségével

Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!

Kapcsolódó cikkek