Sidee xagalka CSS: siyaabaha ugu haboon

Inta badan bogagga web casri ah oo qurux badan ku jira sawiro badan oo soo jiidasho leh. iyaga ka mid fudud u isticmaalo qaab joomateri sida saddex xagal ah, kaas oo waxaa loo isticmaalaa in la qorsheeyo hannaanka ka mid ah xubno ka. Tusaale ahaan, waxay ku waxaa loo isticmaalaa sida tilmaamaha ah in shay bogga si booqdaha u soo jeestay isaga si uu dareenka. Dabcan, shaqada ugu weyn ee saddexagalka - madaxtooyada a, sida blocks in iyaga ku jira, waxa ay noqonayaan dheeraad ah oo casri ah oo soo jiidasho leh.

Ma aha qof kasta waa og yahay sida ay u abuuraan tiradaasi noocan oo kale ah iyada oo loo marayo Sheets fatahmaan Style, waxayna is-weydiinayaan sida loo sameeyo xagal ee CSS.

Codsiga in design of sites

In web design saddexagal meel kasta. Waxay ka samaysan yihiin soo baxay talooyin, bedeley, xubno UI kala duwan. Mararka qaarkood waxa loo isticmaalaa in la abuuro tilmaame geedi socodka kabaha. Oo haddii hore ay suurto gal ahayd in ay sameeyaan iyaga oo aan, laakiin hadda waa wax aan macquul aheyn, oo ku dhiirigelinayaan in uu ku qasban yihiin in ay la qabsadaan si looga baahan yahay sida. Ka dib oo dhan, ayaa maanta ku abuuray xagalka CSS - qayb muhiim ah in dhismaha isku dhexeeya qaybo ka mid ah interface iyo midowdo hal hay'ad ah.

samaynta web badan oo sii welwelsanaayeen marka ay timaado qaabka, design ee kaas oo ah mid aad inta badan saddexagal. Ka dib oo dhan, guryaha ku jirin in si toos ah abuuri lahaa tiradaasi joomateri. Dhab ahaantii, waxaa jira habab badan oo ay tan u sameeyaan.

Habka of abuuraya jir isticmaalaya

Habka koowaad kuu ogolaanayaa inaad si ay u abuuraan xagalka ah ee CSS ah - soohdinta. Waxa uu la isticmaalayo Click here to. In kasta oo xaqiiqda ah in xuduudaha la abuuray isticmaalka hantida soohdinta aan si toos ah oo la xidhiidha saddexagalka, waxaa loo isticmaalaa inta badan ujeedadaas.

Marka dejinta eber height iyo width ee shayga, iyo sidoo kale rakibo of xadka qaro weyn, waxaad ka arki kartaa square ah, kuwaas oo u qaybsan yahay afar saddexagal siman. trick waxay tahay in aad u baahan tahay in ay sii kaliya xadka lagama maarmaanka ah, iyo kuwo kale si uu u sameeyo hufan. Haddaba, waxaa soo baxday saddex xagalka gal CSS jihada saxda ah iyo midabka.

Abuur xaglo isticmaalaya guryaha "jir" waa ku haboon, sababtoo ah ma jirto baahi loo qabo in sawiro la isticmaalayo tafatirka kasta. beegyada uu xagal mar walba waa la bedeli karaa in xeerka. Oo waxaa badbaadiyay sameeysa waqti. By isku width kala duwan ee ku yiilleen si fudud waa ku filan si aad u hesho tiradaasi. Si loo fahmo sida ay u shaqayso, aad si fudud u abuuri karaan element ah oo madhan, oo ah eber width, height, iyo jir mid aad u qaro weyn midab ka duwan dhinac kasta. Sidaas, samaynta saddex dhinac oo ka mid ah afar saddexagal hufan waxaa ka mid ah noocyada kala duwan:

• xagalka, raadinaya bidixda, dhinac ka mid ah kuwaas oo loo siman yahay,
• xagalka, raadiso tagay iyo simay,
• xagalka ah elongated, u jeeda ka hadhay,
• xagalka aaqirkii, kuwaas oo ka tagay si ay u xagal qumman yihiin;
• xagalka raadinaya hoos;
• xagalka kor u eegay,
• xagalka, isha ku heysa inay xaq, iyo noocyada kale oo badan.

Isticmaalka psevdoedementov

Iyada oo hababkan, waxaad samayn kartaa xaglo tilmaamaha pop-up iyo talooyin. Si aad u soo lifaaq via xagalka CSS qaybta, inta badan barnaamijyo isticmaasho sida a dacayadeed-ka dib iyo ka hor. Haddii aad iyagii ku soo wada isticmaalaan, waxaa suurto gal ah in ay soo jiidan ee saddexagalka CSS istaroog ah.

By iyaga isku, ku dhiirigelinayaan in uu abuuro noocyo kala duwan oo qurux badan jabkii dhabta, codsanaya hantida booska: qaraabo in element waalidka. Taas waxa loo sameeyaa si loo dacayadeed-aan la dhaqaajin karin ka mid ah kuraasta ay.

Plus isticmaalka qaab CSS abuurayo saddexagal waa:

• tafatirka sahlan oo dhakhso ah tirada iyo midabbo iyadoo la kaashanayo guryaha;
• taageero dhan daalacashada.

ayidaya:

• maxaa yeelay, wuxuu u adeegsanayaa qaab dhismeedka, ma jiro wax fursad si aad u dalbato gradients, hoosku;
• mararka qaarkood, marka user ku eegaysaa bogga of browser Firefox, qiimaha Alfa waxaa laga yaabaa in aan shaqeeyo, iyo this yaynaan doonaa image ah.

Isticmaalka sawirada diyaar-dhigay

Habkan soo socda ee la abuurayo saddexagal - waa isticmaalka images encoded. saddexagalka waxaa lagu sawiray ka hor in editor image ah iyo beddelay code gaar ah adeegyada gaarka ah.

Advantage ee habkan waa in aad ka dhigi kartaa design aad u qurux badan leh oo hooskii, gradients, oo loox ka dibna kaliya ku wada encode. Laakiin ka biyodiiday waa xaqiiqda ah in qof kasta oo aan si fiican waa in barnaamijyada muuqaallo kale. Intaa waxaa dheer, haddii image waa mid aad u weyn, line of code waa la helay by si fudud aad u weyn. Tani waa xanibayo for sameeysa ah.

item gaar ah A qiimihiisu isticmaalka daalacashada versions Internert Explorer jir. In iyaga, habka fudud uma shaqeeyo.

Habka square rogay

Mid ka mid ah jidkiisu waa in la abuuro hab lagu CSS rogay laba jibbaaran. Waxaa jira laba unit aasaasiga ah. Laakiin dadka qaarkood u isticmaalaan dacayadeed.

First, aad abuuro square ah. Waxa ay noqon doontaa waxyaabaha uu xubin ka qoqobada. Markaasaa waxaa u geeyo by 45 digrii, si ay u eegay sida dheemman. Next, ku wareeg-up iyo unit dibadda isqariya faafi guriga: qarsoon. xal Tani waxay sidoo kale ma aha a cross-browser, iyo mararka qaarkood sawirka aan la soo bandhigay sida la doonayo.

natiijooyinka

Sidaas, waxaa jira habab badan oo ay u abuuraan xagalka ah. Kaliya ma lumaan in guryaha CSS, kuwaas oo dhan? Tixraaca kiiskan had iyo jeer kaa caawin doona. Wuxuuna qeexayaa oo dhan muuqaalada Sheets fatahmaan Style.

Waayo, kuwa aadan rabin si ay u tagaan barnaamijyada iyo u arkaan-guide CSS ah, waxaa jira tafatirayaasha online in ay curiyaan saddexagal tirada saxda ah iyo midabo. In ka editor muuqaal ah, user ay doorteen iyo configures oo dhan tirada goobaha. Diinta xagal matoor code CSS kaalinta uu furmo suuqa kala gooni on Daqsi. Markaas, xeerka ahaan waxaa si fudud u geliyo stylesheet iyo in ay ku habboon design ee bogga.