CSS īsfilma pret Longhand - Kad lietot

Īslaicīgs un ilgs - viens ir īss un otrs precīzs. Viens atnāca, lai pastāvētu, lai iegūtu īsumu, bet otrs stāv, lai saglabātu skaidrību. Jebkurā gadījumā viņiem ir savi mērķi, plusi un mīnusi.

Šī ziņa spīdēs gan CSS stenogrammas, gan garo burtu apzīmējumus, vienlaikus secinot, kas ir vislabāk izmantot, kādā situācijā.

Kas ir īsfilma īpašums?

Īss apraksts ir īpašums, kas ņem vērtības citām CSS īpašību kopām. Piemēram, mēs varam piešķirt vērtību robežu platums, robežu stils un rāmja krāsa izmantojot robežu īpašumu.

Būtībā,

 robeža: 1px ciets zils; 

ir tāds pats kā:

 robežu platums: 1px; robežu stils: ciets; rāmja krāsa: zila;

Līdz ar to mums nav jānorāda atsevišķas īpašuma vērtības atsevišķi (tas ir lieks, laika un telpas patēriņš). Tā arī atjauno deklarācijā atstātās īpašības, ko var izmantot.

Kā tas darbojas?

Tāpat kā iepriekš minēts, mēs stenogrammā uzrakstām citu īpašuma vērtību kopumu, rīkojums nav svarīgi, vai visas īpašumā esošās vērtības ir īsfilmā ir cita veida tāpat kā robežu. Par īpašībām ar līdzīgas vērtības tāpat kā starpība, kārtība nav svarīga. Ja rodas šaubas, atcerieties pulksteņrādītāja virzienā!

Tagad, kas notiks, ja deklarācijā trūkst kāda īpašuma vai divas? Iepriekš minētajā piemērā, teiksim, mēs ignorējām robežu stils.

 robeža: 1px zils; 

Mēs vairs nevarēsim redzēt robežas, nevis tāpēc, ka stenogrāfiskais īpašums nedarbojās, bet gan tāpēc, ka robežu stils kuru mēs atstājām, ieguva noklusējuma vērtību neviens nav. Tādā veidā šis stenogrāfiskais īpašums tika sniegts.

 robeža: 1px neviens zils; 

Tagad pametīsim 1px par robežu platums un saglabājiet pārējos divus:

 robeža: cieta zila;

Mēs varēsim redzēt robežas, tikai ar biezāku platumu un tāpēc, ka robežu platums īpašums ieguva noklusējuma vērtību vidēja.

 robeža: vidēji cieta zila; 

Tas mums to secina ja īpašuma vērtība ir atstāta stenogrāfijas deklarācijā, ka īpašums iegūst noklusējuma vērtību (pat ja tai ir jānovērš jebkura iepriekš piešķirtā vērtība).

Ja tur ir robežu platums: 1px; kaut kur agrāk robeža: cieta zila; par to pašu būs robežas platums vidēja (noklusējuma vērtība), nevis 1px.

Vēl viena vērts pieminēt mēs nevaram izmantot tādas vērtības kā mantot, sākotnējais vai atiestatīts, kas ir pieejami visiem CSS rekvizītiem, stenogrammā. Ja mēs tos izmantosim, pārlūkprogramma nevarēs precīzi uzzināt, kura īpašība šī vērtība ir jāatspoguļo stenogrammā - visa deklarācija tiks atcelta.

The viss īpašums

Ir viens CSS stenogrāfijas īpašums iestatiet visu CSS rekvizītu vērtību. CSS mēroga vērtības mantot, sākotnējais un atiestatīts ir piemērojami visām īpašībām, un tāpēc tās ir vienīgās vērtības, ko pieņēmusi viss īpašums.

 div all: sākotnējā

Tas padarīs div elements grāvis VISAS CSS īpašību vērtības, kas bija tās, un atiestatiet noklusējuma vērtību katrā no tām.

⚠ Brīdinājums

Neizmantosim nepareizi viss īpašums. Tā nepieciešamība var rasties tikai ļoti retos gadījumos, kad mēs nevaram pieskarties kādam iepriekšējam CSS kodam, ko vēlamies piemērot šim īpašumam.

Piezīme: CSS īpašums krāsa heksadecimālā vērtība ar stenogrāfijas apzīmējumu, ja abas sešstūra vērtības katrā krāsu kanālā ir vienādas. Piemēram, fons: # 445599; tas pats, kas fons: # 459;.

Kas ir longhand īpašums?

The atsevišķas īpašības ko var iekļaut stenogrāfijas īpašumā, sauc par garām īpašībām. Daži piemēri ir; fona attēls, margas pa kreisi, animācijas ilgums, utt.

Kāpēc mums vajadzētu to izmantot?

Lai gan īsie varianti ir ērti, viņiem ir trūkums. Atcerieties, ka sākumā mēs redzējām, kā stenogrāfija ignorē visus atlikušos rekvizītus ar to noklusējuma vērtībām? Tas var būt problēma, ja atiestatīšana nav nepieciešama.

Veikt fonts piemēram, stenogrāfijas īpašums. Izmantosim to h4 elements (tam ir noklusējuma pārlūka stils) font-weight: bold)

 fonts: 20px "kurjers jauns"; 

Iepriekš minētajā īsinājumtaustiņā nav fontu svars īpašums, tātad font-weight: boldnoklusējuma vērtība tiks ignorēta pēc noklusējuma fontu svars: normāls izraisot h4 zaudēt savu trekno stilu, kas, iespējams, netika paredzēts.

Tātad, par iepriekš minēto piemēru vienkāršas divas longhand īpašības, fonta izmērs un font-family ir ideāli.

Arī, izmantojot īsfilmu piešķirt tikai vienu vai divas īpašuma vērtības nav ļoti noderīga. Kāpēc pārlūkam jāpiedāvā papildu darbs, lai interpretētu katru īpatnējo īpašumu (ieskaitot kreisās puses), kad ir nepieciešams tikai viens, lai strādātu?

Ražošanas laikā, izstrādes stadijā, daži izstrādātāji (īpaši iesācēji) var vieglāk strādāt ar garās frāzes apzīmējumu, nekā ar stenogrammu. labāka lasāmība un skaidrība.

Secinājums

Mūsdienās ar iespēju ātri kodēt (izmantojot tādus instrumentus kā Emmet) un minigāciju, nav nepieciešama augsta uzticamība, bet vienlaikus ir daudz loģiski rakstīt. starpība: 0;. Konteksts, kurā mēs dodam priekšroku mūsu CSS apzīmējumiem, būs atšķirīgs un viss, kas mums jādara, ir izdomāt, kāda notācija mums vislabāk darbosies un kad.