Css kastes modelis

Kastes modelis CSS apraksta lodziņus, kas tiek ģenerēti no HTML elementiem. Kastes veidnē ir arī detalizētas iespējas, lai katram elementam iestatītu piemales, apmales, polsterējumu un saturu. Nākamajā attēlā parādīts, kā tiek veidots kastes modelis.
Kastes modelis vai "kastes modelis" noteikti ir vissvarīgākā CSS stila lapu valodas iezīme, jo tas nosaka visu tīmekļa lapu dizainu. Kastes modelis ir CSS uzvedība, kuras dēļ visi lapu elementi tiek attēloti ar taisnstūrveida lodziņiem.
Vienas lapas kastes tiek izveidotas automātiski. Katru reizi, kad tiek ievietots HTML tags, tiek izveidota jauna taisnstūra kaste, kas ietver šī elementa saturu. Nākamajā attēlā ir redzamas trīs taisnstūrveida kastes, kas izveido trīs lapas tagus.

Patiesībā visi vietnes elementi (rindkopas, saites, attēli, tabulas utt.) Ir taisnstūrveida kastes. Pārlūkprogrammas ievieto šos lodziņus tā, kā mēs norādījām, lai izkārtotu lapu.
Pastāv divu veidu kastes: bloķēt un iekļaut. Bloku elementi pārtrauc izkārtojuma plūsmu. Tas ir, tie parādās atsevišķi, ievietojot "rindu pārtraukumus". Iekļautie elementi seko plūsmai un atrodas bloka elementos.
Piemēram, rindkopa būtu bloka elements (rindkopas nevar būt blakus, bet divas rindkopas pēc kārtas parādīsies viena zem otras. No otras puses, saite ir iekļauts elements, jo tā nav "izgriezt" tekstu, kur tas atrodas.
Daļas, kas veido katru lodziņu, un to parādīšanas secība no lietotāja viedokļa ir šādas:
Saturs (saturs): tas ir elementa HTML saturs (vārdi rindkopā, attēls, teksts elementu sarakstā utt.)
Polsterējums: Pēc izvēles brīva vieta starp saturu un apmali.
Apmale: līnija, kas pilnībā aptver saturu un tā polsterējumu.
Fona attēls: Attēls tiek parādīts aiz satura un polsterējuma vietas.
Fona krāsa: krāsa tiek parādīta aiz satura un polsterējuma vietas.
Mala (piemale): izvēles nodalījums starp lodziņu un citām blakus esošajām kastēm.
Polsterējums un mala ir caurspīdīgi, tāpēc polsterējuma aizņemtajā vietā ir redzama fona krāsa vai attēls (ja tas ir definēts), un malā - jūsu elementa vecāka fona krāsa vai attēls (ja tas ir definēts). Ja nevienam vecāku elementam nav definēta fona krāsa vai attēls, tiek parādīta lapas fona krāsa vai attēls (ja tas ir definēts).
Ja lodziņā ir definēts gan krāsains, gan fona attēls, attēlam ir augstāka prioritāte un tas tiek parādīts. Tomēr, ja fona attēls pilnībā neaptver vienumu lodziņu vai ja attēlam ir caurspīdīgi laukumi, tiek parādīta arī fona krāsa. Apvienojot caurspīdīgus attēlus un fona krāsas, var panākt ļoti interesantus grafiskos efektus.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu