Priorități de stil în css și cascadă

Definiți prioritățile stilurilor (cascadă în CSS)

Bună ziua, în acest articol vom lua în considerare conceptul de priorități în cascadă și stil în limba CSS.







În tutorialul CSS pentru începători. am aflat că pentru a încorpora codul CSS într-un document HTML, există trei moduri:

  1. Prin etichetă - stil extern, valabil pentru întregul site
  2. Prin etichetă - stil intern, valabil pentru întreaga pagină
  3. Prin stilul atributului = "" - stilul încorporat, acționează asupra unei etichete

Toate aceste trei metode formează o singură cascadă de stiluri. externă, internă, încorporată. Fiecare metodă are prioritate proprie.

Să spunem, folosind un stil extern, alocați punctul site-ului p fundal roșu, ea poate ucide stilul interior al numirii tuturor paragrafelor dintr-o pagină, un fundal verde, bine, stilul intern, te poate ucide paragraful selectat fundal albastru built-in stiluri, atribuindu.







Dintre aceste trei stiluri, cea mai mare prioritate este stilul încorporat = ""

Deci, în acest moment, avem următoarele într-un stil extern (CSS-fișier), există o regulă care face ca fundalul tuturor paragrafelor din site-ul roșu:

În stilul interior al uneia dintre paginile site-ului este o regulă care întrerupe designul exterior și face fundal la punctele de această pagină, verde:

Pe această pagină, un paragraf dintr-un stil de built-in, care a întrerupt și stilurile interne și externe, ceea ce face un fundal albastru:

Sper că totul este clar până acum, mergem mai departe.

browser-ul Stiluri - stilurile implicite, de exemplu, dacă ați creat pagina HTML, dar nu au fost încă puse în aplicare CSS-cod, browser-ul va numi pentru tine o culoare de font punctul negru și dimensiunea 16px.

Stilul de utilizare - un stil care setează vizitatorul site-ul dvs. în setările browser-ului, cum ar fi acestea pot fi atribuite toate site-urile pe care le vizitați, fontul în paragraful a fost egal cu 22px (acest lucru este util pentru a face dacă aveți probleme de vedere sau font prea mic pe Site-uri).

De altfel, în preferințele browser-ului, puteți seta stiluri de la orice etichetă, și nu doar un paragraf, de exemplu, puteți să vă asigurați că toate link-urile de pe fiecare site pe care răsfoiesc prin browser-ul a subliniere și de fundal portocaliu.

O cascadă în CSS este aplicația simultană a diferitelor stiluri la elementele HTML (cascadarea include și moștenirea proprietăților CSS, a elementelor copilului, de la părinți).







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: