Na-akpali mmasị nyochaa na ibe weebụ na mkpado Hịịlọn
Ọ bụrụ na ịchọrọ ịgbakwunye agbatị, ntinye ịkebe na ebe nrụọrụ weebụ gị, i nwere nhọrọ ole na ole. Ịnwere ike ịgbakwunye faịlụ mbiet nke akara ndị ahụ na ibe gị, ma nke ahụ ga-achọ ka nchọgharị gị weghachite ma bipụta faịlụ ndị ahụ, nke nwere ike inwe mmetụta ọjọọ na arụmọrụ saịtị.
Ịnwere ike iji ala ala CSS gbakwunye ókèala nke na-eme dịka ama ma n'elu ma ọ bụ na ala nke mmewere, na-arụpụta nke ọma na akara gị.
N'ikpeazụ, i nwere ike iji ihe HTML maka iwu nchịkwa - nke
Ụkpụrụ Nchịkwa Element
Ọ bụrụ na ị tinyelarị mmemme na ibe weebụ, ị ga-achọpụta na ụzọ ndabara nke akara ndị a egosipụtaghị ezigbo. Nke a pụtara na ị ga-agbanye CSS iji dozie ọdịdị anya nke ihe ndị a iji dabara na ịchọrọ ka saịtị gị lelee anya.
Ntugharị aha njirimara nke nnyefe aka na-egosiputa ụzọ nchọgharị chọrọ igosipụta ya. Nchọgharị nke oge a na-egosiputa mkpado ndị na-enweghị nkwụnye ụgwọ nke HR na obosara nke 100%, 2px dị elu, na ókèala 3D na nwa iji mepụta akara.
Nke a bụ ihe atụ nke ọkọlọtọ ndị ọrụ gọọmentị ma ọ bụ na ị nwere ike ịhụ na mbido a ka otu nnyefe aka na-enweghị atụ si ele ihe nchọgharị nke oge a anya.
Ogologo na Ịdị Elu na-anọgide na-eme nchọgharị
Naanị ụdị ndị na-agbanwe agbanwe na ihe nchọgharị weebụ bụ obosara na ụdị. Ndị a kọwaa otú oke ga-esi bụrụ nnukwu. Ọ bụrụ na ị kọwapụta obosara na ịdị elu na ndabara ndabara bụ 100% na ndabara dị elu bụ 2px.
N'ihe atụ a, obosara bụ pasent 50 nke ihe nne na nna (dee ihe atụ ndị a n'okpuru niile gụnyere n'ụdị inline.) N'ime usoro mmepụta, a ga-edepụta ụdịdị ndị a na mpempe akwụkwọ mpempe akwụkwọ maka nkwụsị nke njikwa na ibe gị niile):
ụdị = "obosara: 50%;">
Na na ihe atụ a dị elu bụ 2em:
ụdị = "elu: 2em;">
Ịgbanwe Agbanwe Ndị Na-eme Ka Ị Pụrụ Ịgba Aka
Na ihe nchọgharị nke oge a, ihe nchọgharị ahụ na-ewuli akara site n'ịgbanwe mpaghara. Ya mere, ọ bụrụ na ị wepụ ala na ala ihe onwunwe, akara ahụ ga-apụ na ibe. Dịka ị ga - ahụ (nke ọma, ị gaghị ahụ ihe ọ bụla, dịka a ga - ahụghị ihe ndị a) na ihe atụ a:
ụdị = "ókèala: ọ dịghị;">
Ịgbanwe nha, ụcha, na ụdị nha, ga-eme ka akara ahụ dị iche ma nwee mmetụta dị otú ahụ na ihe nchọgharị ọ bụla. Dịka ọmụmaatụ, na ngosipụta a ókèala na-acha uhie uhie, dashed, na 1px n'obosara:
ụdị = "ókèala: 1px dashed # 000;">
Ma ọ bụrụ na ị gbanwee ókèala na elu, ọdịdị dị iche iche dị na nchọpụta oge ochie karịa ka ha na-eme na nchọpụta nke oge a. Dị ka ị nwere ike ịhụ na ihe atụ a, ọ bụrụ na ị na-ele ya na IE7 na n'okpuru (ihe nchọgharị nke dị njọ n'oge gara aga ma ọ bụ Microsoft kwadoro) enwere eriri nke nwere ike igosi na ihe nchọgharị ndị ọzọ (gụnyere IE8 na elu) :
ụdị = "elu: 1.5m; obosara: 25m; ókè: 1px siri ike # 000;">
Ihe ndị ahụ na-eme nchọgharị na-enweghị nchegbu na ntinye weebụ n'oge a, ebe ọ bụ na ha ejiriwo nhọrọ nke oge a dochie anya ya.
Mee Nweta Ngosipụta nke Nwere Foto Egwu
Kama nke agba, ịnwere ike ịkọwa ihe ndabere maka ihe ndị ị na-eme iji mee ka ọ dị ka ịchọrọ ya, ma ka na-egosiputa semantically na ntinye gị.
N'ihe atụ a, anyị jiri onyinyo nke agbatị atọ. Site na ịtọ ya dị ka ndabere ihe oyiyi na -emegharịghị ọzọ, ọ na-eme ka ezumike na ọdịnaya nke yiri ka ị hụrụ n'akwụkwọ:
ụdị = "elu: 20px; ndabere: #fff url (aa010307.gif) igodo mkpịsị aka na-emegharịghị ọzọ; ókèala: ọ dịghị;">
Na-agbanwe ihe ndị ọzọ
Na CSS3, ị nwekwara ike ime ka ahịrị gị dịkwuo ụtọ. Ihe gbasara nnyemaaka bụ omenala, ma na CSS na-agbanwe ihe onwunwe, ị nwere ike ịgbanwe otú ha si ele anya. Mgbanwe kachasị mma na ihe gbasara nnyemaaka bụ ịgbanwe agbanwe.
I nwere ike igbanwe ihe omume gi nke mere na ọ bụ ubé diagonal:
hr {
-moz-mgbanwe: gbanwee (10deg);
-agbanwe ngwa ngwa: gbanwee (10deg);
-o-mgbanwe: gbanwee (10deg);
-m-mgbanwe: gbanwee (10deg);
mgbanwe: gbanwee (10deg);
}
Ma ọ bụ na ị nwere ike igbanwe ya ka ọ bụrụ nke a na-ahụ anya:
hr {
-moz-transform: rotate (90deg);
-nkponye-mgbanwe: gbanwee (90deg);
-o-mgbanwe: gbanwee (90deg);
-m-mgbanwe: gbanwee (90deg);
mgbanwe: gbanwee (90deg);
}
Cheta na nke a na-agbanwe RH na-adabere na ebe ọ dị ugbu a na akwụkwọ ahụ, ya mere i nwere ike ịgbanwe ọnọdụ iji nweta ya ebe ịchọrọ ya. Ọ bụghị nkwanye iji jiri nke a tinye mgbakwunye elekere anya na imewe, mana ọ bụ ụzọ isi nweta mmetụta dị mma.
Ụzọ ọzọ iji nweta ntanetị na ibe gị
Otu ihe nke ụfọdụ ndị na-eme kama ịmepụta ihe gbasara nnyemaaka bụ ịdabere na mpaghara nke ihe ndị ọzọ. Ma, mgbe ụfọdụ, onye na-ahụ maka ndị ọrụ nchịkwa bụ ihe dị mfe ma dị mfe iji karịa ịnwa ịtọ ntọala. Ihe nlekọta igbe nke ihe nchọgharị ụfọdụ nwere ike ime ka ịmepụta ókèala ọbụla.