#CSS

⌛ Reading Time: 2 minutes Defilare orizontală utilizând Flexbox Dacă creați site-uri web, este posibil să vi se solicite să creați o componentă de defilare orizontală. Este extrem de ușor să implementați acest lucru folosind doar câteva linii de Flexbox. Lasă-mă să-ți arăt cum. Aspect proiect Trebuie să creăm un container care să conțină toate imaginile pe care dorim să …

Cum se implementează derularea orizontală utilizând Flexbox Read More »

⌛ Reading Time: 2 minutes Cu CSS3, puteți da oricărui element „colțuri rotunjite” folosind border-radius proprietate. Valoarea poate fi în orice unitate de lungime CSS validă. .rounded-corners { border-radius: 20px; } .circle { border-radius: 50%; } Notă: border-radius proprietatea este de fapt o proprietate de stenografie pentru border-top-left-radius, border-top-right-radius, border-bottom-right-radius și border-bottom-left-radius proprietăți. Dacă se furnizează o singură valoare, raza …

Cum se utilizează proprietatea CSS3 Border Radius Read More »

⌛ Reading Time: 2 minutes Linkuri de styling Link-urile pot fi stilizate cu orice proprietate CSS, cum ar fi color, font-family, font-size, și padding. Iată un exemplu ușor: a { color: hotpink; } În plus, linkurile pot fi stilate diferit în funcție de starea în care se află. Link-urile au, de asemenea, 4 stări, iar mulți programatori stilizează fiecare stare …

Cum să stilizați linkurile în CSS Read More »

⌛ Reading Time: 4 minutes CSS se bazează pe un model de cutie. Dacă aveți o imagine care este un cerc pe care doriți să înfășurați textul, acesta se va înfășura în jurul casetei de delimitare a imaginilor. Formă-afară O nouă proprietate CSS numită shape-outside vă permite să înfășurați text care să corespundă formei imaginii. Ce este forma-afară Shape-outside este …

Gândiți-vă în afara cutiei cu CSS forma-afară Read More »

⌛ Reading Time: 4 minutes Contoare CSS sunt folosite pentru a adăuga numărări elementelor. Numărul este adăugat prin furnizarea variabile care poate fi inițializat (folosind counter-reset), iar aceste variabile pot fi apoi incrementate de regulile CSS. Mulți dezvoltatori trec cu vederea această caracteristică CSS puternică și de aceea vom trece mai departe despre cum să lucrăm cu contoare în acest …

Cum se numerotează automat elementele cu contoare CSS Read More »

⌛ Reading Time: 2 minutes Ce este un index Z? Index Z (z-index) este o proprietate CSS care definește ordinea elementelor HTML suprapuse. Elementele cu un indice mai mare vor fi plasate deasupra elementelor cu un indice mai mic. Notă: Indexul Z funcționează numai pe elementele poziționate (position:absolute, position:relative, sau position:fixed). Valori posibile /* Default value if not specified */ …

Indexul Z în CSS: Ce este și ce face Read More »

⌛ Reading Time: 4 minutes O introducere rapidă la modulul popular de aspect În această postare, veți învăța elementele de bază ale CSS Flexbox, care a devenit o abilitate obligatorie pentru dezvoltatorii de web și designeri în ultimii doi ani. Vom folosi un navbar ca exemplu, deoarece acesta este un caz de utilizare foarte tipic pentru Flexbox. Acest lucru vă …

Aflați CSS Flexbox în 5 minute – Un tutorial pentru începători Read More »

⌛ Reading Time: 6 minutes Una dintre cele mai mari probleme din programare este tratarea întreținerii. Într-un scenariu din lumea reală, nu începem întotdeauna să dezvoltăm proiecte de la zero. În cea mai mare parte, ni se atribuie (sau luăm) un proiect care a fost deja scris cu vreo doi ani înainte sau chiar mai mult. Pentru a lucra eficient …

7 sfaturi importante pentru scrierea unui CSS mai bun Read More »

⌛ Reading Time: 8 minutes Foi de stil în cascadă (CSS) CSS este un acronim pentru Cascading Style Sheets. A fost inventat pentru prima dată în 1996 și este acum o caracteristică standard a tuturor browserelor web importante. CSS permite dezvoltatorilor să controleze aspectul paginilor web prin „stilizarea” structurii HTML a paginii respective. Specificațiile CSS sunt menținute de World Wide …

Cele mai bune tutoriale CSS și CSS3 Read More »

⌛ Reading Time: < 1 minute În codificare există adesea multe soluții diferite pentru o anumită problemă. Acest lucru este valabil mai ales atunci când vine vorba de stilizarea unui element HTML. Unul dintre cele mai ușor de schimbat este culoarea textului. Dar, uneori, se pare că nimic din ceea ce încercați nu funcționează: <style> h2 .red-text { color: red; } …

Schimbarea culorii elementului H2 Read More »