CSS-onyinyo: esi mee ka

Enweghị ọchịchịrị na ìhè adighi enweghị ndo ọ dịghị ọdịdị. Ọbụna ndị bụ isi na-eme na-elu-ngwá ọrụ n'ihi na ndị inyom a na-akpọ "onyinyo." Ọ bụrụ na ị chọrọ ime ka ịma mma gị na peeji nke, i kwesịrị-edebe nri mesiri - Tinye CSS-onyinyo ebe ọ dị mkpa.

The ihe onwunwe Ọkọnọ n'okpuru uche enyere gị aka ịmụta otú nwụnye ndò ma ọ bụ na ngọngọ oyiyi iji CSS-koodu.

CSS-onyinyo. syntax

N'ezie igbe-onyinyo, ebe igbe - a ngọngọ na onyinyo - nke a bụ ya onwe ya a onyinyo.

Usoro e dere nkwado:

{Igbe-onyinyo: 11px 22px 33px 44px # 333333;}.

Line-agwa anyị na unit ka atọrọ ka Standard na a onyinyo pixel okirikiri. The data na-decrypted dị ka ndị a:

• 11px - onyinyo dechapụ ikwu na ngọngọ na X axis (nti uru (20px) ga-ịgbanwee na nri onyinyo, na-ezighị ezi (-37px) - n'aka ekpe);
• 22px - onyinyo Ndahie na-akwanyere ndị Y-axis nke ngọngọ (nti uru (5px)-edu ndú ka a mgbanwe nke ndo ala na-adịghị mma (-17px) - elu);
• 33px - a blur oke, na elu ọnụ ọgụgụ, ndị siri ike na mmetụta;
• 44px - okirikiri nke onyinyo, ma ọ bụ ihe ra nrata;
• # 333333 - na na agba, nke na-ese na-ndò.

Atọ ikpeazụ parameters bụ ịnara na pụrụ nanị ịhapụ na eriri, ie {igbe-onyinyo: 10px 13px; } - .. dị otú ahụ a akara bụghị ekwesịghị ịdị (onyinyo agba bụ yiri ka agba nke ederede ke ngọngọ).

N'ihi ya, na-eke onyinyo na peeji nke gị na saịtị ọ bụghị a ike, ma ọtụtụ mma na-achọ na mmetụta i nwere ike ịmepụta! Mee ka gị na nwa a pụrụ iche, inimitable, n'ihi na imewe bụ ihe dị mkpa, ihe nile, ọ bụla zuru ezu. Ebe a, o yiri ka ọ dịghị ihe pụrụ iche, ma ọ bụ ọtụtụ ihe na-akpali na mma.

Tụlee ụfọdụ ihe atụ atụ, ya anya ka a onyinyo CSS-ngọngọ dị ka nzuzo:

1. {Box-onyinyo: 25px 25px;} - CSS-onyinyo dechapụ anyu 25 pikselụ.
2. {Box-onyinyo: 25px 25px 10px;} - CSS-onyinyo dechapụ anyu 25 pikselụ na blurring n'ọnụ 10 pikselụ.
3. {Box-onyinyo: 25px 25px 10px 5px;} - CSS-onyinyo dechapụ anyu 25 pikselụ, blur n'ọnụ 10 pikselụ na a gaghị agara okirikiri nke 5 pikselụ
4. {Box-onyinyo: 25px 25px 10px 5px # 9e9e9e;} - CSS-onyinyo dechapụ anyu 25 pikselụ, blur n'ọnụ 10 pikselụ, ezipụta a dịpụrụ adịpụ ruo nke 5 pikselụ na agba.

dobe onyinyo

Ka ịmepụta a ọzọ mara mma, mara na mbụ shades nwere dị iche iche mmetụta. Ị nwere ike ime ka ime-ime onyinyo. Ọ bụ ezuru koodu ezipụta na kwa nke "n'akụkụ", ozokwa nkọwa nke parameters ga-aga dị na mbụ:

{Box-onyinyo: n'akụkụ 4px 2px 6px # 9e9e9e;}.

Ọ bụ omume na-etinye n'okpuru ngọngọ a ole na ole onyinyo na kpamkpam dị iche iche kwa na koodu, ha (onyinyo) na-e depụtara iche iche site commas:

{Box-onyinyo: -20px -10px 11px 15px # 800080, -50px -40px 5px 10px # daa520, 20px 10px 11px 15px # 0700f9, 50px 40px 5px 10px # ffa500}.

onyinyo foto

Na mgbakwunye na nkeji na saịtị ga-foto, photos, nzụlite - niile ndị a, ndị na-anya ihe ndị ọzọ na-akpali na onyinyo. Ị nwere ike ise foto na tupu image editọ na mado ha na a page ama na onyinyo. Ma, apụ, ọ bụghị mgbe niile kwere omume dị iche iche ihe, gụnyere n'ihi enweghị nkà na-arụ ọrụ na ndịna, Nke abuo, ọ bụla aghụghọ nke image na-agbakwunyere ya, "ibu", na ndị dị otú ahụ a picture nwere ike ịkụda page ibu. Na nke a, ị pụrụ ime ka a CSS-onyinyo oyiyi.

Ndị kasị mfe ma syntactically ziri ezi ihe ngwọta na-nsogbu a - na e kere eke nke unit, ndabere gị picture ga Kotormo. Ọzọ, ị na-eme ndị dị mkpa ndo maka unit na ha na-egosipụta na ndabere-oyiyi:

• .block1 {igbe-onyinyo: n'akụkụ 0 0 11px 9px # 9e9e9e; obosara: 480px; elu: 360px; ndabere: url (oyiyi / charlize_theron_2.jpg) 0 0 dịghị-megharịa;}

Na nke a atụ, anyị na ike ihe dị n'ime onyinyo na-enweghị dechapụ nke anyụike, na blur okirikiri, kọwaa agba, ịdị elu na obosara nke ngọngọ, na ndabere (ndabere) họpụtara kuartinku. N'ihi ya, anyị na-enweta a na foto nke n'ime onyinyo.

Kwere ike onyinyo iji CSS-koodu - na ọ bụ mara mma dị mfe, ma na-akpali akpali, na ọtụtụ ihe - bara uru mmega.