#CSS

Cum se implementează derularea orizontală utilizând Flexbox

Cum se implementează derularea orizontală utilizând Flexbox

⌛ 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 »

Cum se utilizează proprietatea CSS3 Border Radius

Cum se utilizează proprietatea CSS3 Border Radius

⌛ 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 »

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

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

⌛ 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 »

Cum se numerotează automat elementele cu contoare CSS

Cum se numerotează automat elementele cu contoare CSS

⌛ 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 »

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

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

⌛ 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 »

Aflați CSS Flexbox în 5 minute - Un tutorial pentru începători

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

⌛ 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 »

Cele mai bune tutoriale CSS și CSS3

Cele mai bune tutoriale CSS și CSS3

⌛ 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 »

Schimbarea culorii elementului H2

Schimbarea culorii elementului H2

⌛ 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 »