Triunghiurile apar în web design, la fiecare pas în sfaturi de design, meniuri, diverse elemente de interfață și chiar la formarea unor indicatori de sarcină. Ca cineva sau nu acest fapt, dar triunghiul a devenit o parte importantă în construirea relațiilor dintre diferite părți ale interfeței cu utilizatorul într-o singură unitate.
Există diferite metode pentru construirea de triunghiuri, iar în această lecție ne vom uita la ei.
imagine codificată
triunghiuri preparate imagine este cel mai bine pentru a converti un șir de caractere pentru a reduce numărul de cereri HTTP.
Instrumente utile:
- Puteți face orice design folosind umbre, degradeuri și granițe. Și apoi doar pentru a codifica imaginea.
- Trebuie să aveți posibilitatea de a utiliza instrumentul pe Photoshop / Gimp similaritate pentru editarea imaginilor.
- Pentru o dimensiune a imaginii mai mare a șirului poate fi copleșitoare.
- Browserele vechi (cum ar fi IE6 / IE7) nu suportă acest tip de codificare.
Această metodă este foarte popular pentru a crea solicitări și meniuri pop-up. Împreună cu prima metodă care sunt foarte potrivite pentru a fi utilizate cu triunghiuri mici.
- schimba cu ușurință culoarea și dimensiunea cu valori de proprietate CSS.
- Această metodă este cross-browser compatibil.
- Această tehnică utilizează cadre, astfel încât să nu se pot utiliza umbrele, degradeuri și alte delicii SSS3.
- Trebuie să ne amintim că IE6 nu acceptă cadru transparent.
- Dacă utilizați Firefox, valoare CSS „transparent“ poate fi opac, în special în cadrul diagonalei.
obiect HTML
Această soluție utilizează simboluri în codurile de Unicode.
- soluție cross-browser
- Este posibil să adăugați umbre utilizând proprietăți CSS3 text-shadow.
- În plus față de text-umbră. nu există alte proprietăți CSS3 ispolzvoat imposibilă.
- Este imposibil de a obține o poziție exactă de pixel în toate browserele.
Un instrument util:
În plus, puteți utiliza pictogramele de fonturi în proiectul pentru a obține un simbol triunghi.
CSS rotit pătrat
Pentru a lucra această metodă necesită două blocuri. Dar este posibil să se utilizeze un element cu pseudo-elementele.
- Puteți utiliza proprietățile CSS3 pentru a crea imaginea dorită.
- Această soluție nu este cross-browser-ul de transformări folosind CSS3.
Element panza HTML5
Markup HTML pune elementul panza:
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia 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!