Codso CSS xarunta: qoraalka iyo miiska

Dunida macluumaadka ee qiyaas kasta waxay u taagan tahay qaybaha iyo qaababka waxyaallaha, ereyada iyo qoraallada, ama tusaalihii ugu dambeeyay ee la soo diray - qoraallada iyo miisaska. Waxaad fiirsan kartaa, hore u ogaan lahaa, kale qaababka xogta, iyo sidoo kale sawirrada, laakiin in la isticmaalo arrimaha CSS iyo HTML eego formatting text noocyada macluumaadka haray leeyihiin aragti kala duwan.

Qaab dhismeedka saxda ah ee bogga bogga waxaa ku lug leh go'aaminta booska walxaha kasta. Diiwaanka HTML waa had iyo jeer isdabajooga arrimo si toos ah u saameeya saddex sharci oo aasaasi ah:

• Joogitaanka toosan;
• Ku dhaji socodka guud;
• Z-index.

Doorashooyinka kale ee deegaanku sidoo kale waa arrin, waxay u baahan yihiin aqoon badan si ay u xalliyaan dhibaatada iyada oo la adeegsanayo CSS "xaraf dhexe."

Xeerarka la dhigo iyo isuduwidda

Xeerarka CSS ayaa dhameystiraya dukumeentiga HTML, laakiin aan lahayn xeerar, qofka dambe wuxuu qaban karaa nooc kasta oo isku dhafan. Kordhinta ku xirnaanta qalabka mobile-ka iyo ka bixitaanka naqshadaynta jaan-gooyaha waaweyn iyo "qaab-beeg" ayaa su'aasha ah ee ku haboon, iyada oo is-waafajinta kale inta badan lumiso qiimaha.

Qaybta ugu muhiimsan ee bogga waa xayndaab lagu sharraxay hab gaar ah. Xeerka isku-dhafka tooska ah: text-align ayaa aqbali kara, sida horay u dhacday, kaliya afar qiimaha (bidix, xarun, sax, caddayn). Waxaad samayn kartaa isku dheelitir qumman adiga oo raacaya qiimaha dhererka iyo qaanadaha dhererka:

{
Dhererka: 88px; // miisaankani
Heer-dhererka: 88px; // CSS Xarunta text - Vertical
}

Waxaad tijaabin kartaa sharciyo kale. ; Ilaha laga helo Xusuuso ku saabsan fasiraadda sharciyada bandhigay block: miiska, bandhigay, miis-cell iyo vertical-align: dhexe; Laakiin had iyo jeer ma shaqeeyaan.

Diyaari qoraalka miisaska

Qaab dhismeedka xogta oo keliya ayaa loo qoondeeyay in la fahmo horeyna loo noolaado weligiisna waa miiska. Waxay bixisaa labada isku dhafan oo siman, marka lagu daro, su'aasha ah sida loo qoro qoraalka dhexe ee CSS, marka la isticmaalayo jadwalka oo joojiya qiimaha kakan.

Farsamooyinka ku habboon ee isticmaalka sharciyada CSS si loo gaaro himilada calaamadeyntu had iyo jeer ma qancin fikradda qaababka qaabaynta qaababka cascading. Waxba kama horjoogsanayo horumariyaha ka soo jeeda meel kasta oo jihada adigoo ku dhexjiraya nambarka dhexe ee miis fadhiga saddexda tiir iyo saddex saf.

Xalkani ma ahan mid caadi ah, laakiin waxtar leh. Halkii aad u dheeraan laheyd oo si taxaddar leh u xalin lahayd dhibaatada iskuxirka iskuxirka bogga ama tirinta indents ee dhinaca bidix, midig, iwm, waxaad isticmaali kartaa qiimaha boqolka ah ee unugyada iyo meelaha sare ee safafyada.

Isku xirka JavaScript

Su'aasha "Sida loo dhigo qoraalka xuddun ee HTML ah" geynta xal hoose, afka browser, oo uu leeyahay design a ka badan ayaa wax ku ool ah oo heer sare ah.

Naqshadeynta faylasha qaababka horay ayaa loo xannibay, oo ku dhowaadba nidaamka maareynta goobta is-ixtiraamka ah waxay bixisaa dariiqooyinka horumarinta ee dhammaan marxaladaha. Laakiin noloshu had iyo jeer waxay ubaahan tahay waxyaabo gaar ah: waa inaanu ka fikirnaa mar kasta oo xoqan si aan u eegno sida qoraalka loogu dhigi karo bartamaha CSS. Xulashada ujeedooyinka isku xirnaanta "blocked" dhinaca dhinaca bogga, sidaa daraadeed bedelida cabbirka, uma badna in ay ku haboon tahay boodhka menu-pop-up kaas oo laga sameeyay waxyaabo kala duwan.

Xarumaha muuqda markasta ma ahan xayndaab taas oo horay loo yaqaan halka dhinaca bidix iyo inta pixels ah ee midigta, halka sare ay tahay, mana aha dammaanadda ah in hoosta ay tahay xuddunta oo isku xirnaanta tooska ah in la sameeyo.

Waxaa jira dareen ah in qaabka ay tahay in lagu go'aamiyo content. Inta badan, goobaha waxay ku qaadaan macluumaadka booqdaha, muuqaalka iyo codka isdhaafsiga waa kaliya oo lagu daro qoraalka caadiga ah. Waa calaamado in ay qaataan nuxurka lagama maarmaanka ah (tani ma khuseyso goobaha farshaxanka, rinjiyeynta, muusiga, iwm.) - waa su'aasha macluumaadka lagama maarmaanka u ah booqdaha.

Noocyada qoraalka iyo HTML

Waxaa loo soocay in qaybta aan la qeybin karin ee ka kooban bogga uu yahay qoraalka, ma aha erayga. Muujiyayaashu waa kartida horumariyaha (milkiilaha goobta). Dhab ahaan qoraalka waxaa lagu meteli karaa hal tiir, taas oo ah, xukun caadi ah ma aha kaliya calaamadaha calaamadaha, laakiin taxane ah oo leh calaamado leh calaamado. Tani waxay ka danbeysaa in "xarafka" CSS "xarfaha dhexe" waxaa kaliya lagu dhigi karaa kiisaska fudud.

Bixinta server ee codsiga ee browser ah waa mid aad u caan ah oo ka kooban waxyaabo badan oo aan mar walba ku haboonayn waxa la soo bandhigi doono. Marka la samaynayo qaabeynta bogga, waxaa muhiim ah in si sax ah loo dhigo xoojinta qayb ka mid ah soo gudbinta macluumaadka, gaar ahaan, isku xirnaanta. Wax ka fiican in la sameeyo server, wax ku saabsan macmiilka, taas oo ah, in browser ah. Had iyo jeer ha ku tiirsanaan xeerarka CSS, jihada si natiijada kama dambeyska ah waa mid waxtar badan.