Crearea de mesaje frumoase cu css

În această lecție veți învăța cum să creați mesaje frumoase folosind CSS. În plus, veți afla, de asemenea, cum să le utilizați în mod corect.

Crearea de mesaje frumoase cu css
Crearea de mesaje frumoase cu css

Să începem cu tipurile de mesaje







1. Mesaje de informare

Scopul acestor mesaje este de a informa utilizatorul. Astfel de mesaje ar trebui să fie albastre, deoarece oamenii asociază această culoare cu informațiile. Poate fi orice informație care poate fi utilă utilizatorului.

2. Mesaje de succes

Mesajele de succes ar trebui afișate după ce utilizatorul a efectuat cu succes orice operație. Succes - înseamnă complet și fără erori. De obicei, astfel de mesaje sunt verde.

Astfel de mesaje ar trebui să fie afișate utilizatorului în cazul în care operațiunea nu poate fi finalizată. De obicei, acestea sunt galbene.

4. Mesaje de eroare

Mesajele de eroare ar trebui afișate numai dacă operațiunea nu poate fi efectuată. Roșu este culoarea perfectă pentru acest lucru, deoarece mulți asociază această culoare cu anxietatea :)

5. Mesaje de verificare

Un alt tip de mesaj. Am preferat o culoare portocalie pentru ei. Astfel de mesaje indică utilizatorului erorile sale (de exemplu, la completarea formularelor).







Acum, să vedem cum sunt create astfel de mesaje

Avem nevoie de următorul cod CSS:

Acest cod poate fi inserat fie în același fișier, fie redat într-o foaie de stil.

Acum este suficient pentru noi să creăm un strat cu clasa cerută în corpul documentului:

Mesajele sunt un element foarte important al oricărei interfețe. Foarte des, ele nu sunt deloc folosite. Nu repetați această eroare și folosiți mesaje similare! Și doresc utilizatorilor dvs. cât mai puține erori posibil. )

Crearea de mesaje frumoase cu css

Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

Crearea de mesaje frumoase cu css

Crearea de mesaje frumoase cu css

Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

Crearea de mesaje frumoase cu css

Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

Crearea de mesaje frumoase cu css

Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!







Articole similare

Trimiteți-le prietenilor: