Mar a chleachdas tu HTML agus CSS airson Cruthaich Tabs agus Spacadh

Sùil air mar a tha brabhsairean a 'dèiligeadh ri àite geal ann an HTML

Ma tha thu nad dhealbh-lìn tòiseachaidh, is e aon de na rudan a dh'fheumas tu a thuigsinn tràth is an dòigh anns a bheil farsaingeachd geal ann an còd làrach a 'làimhseachadh le brabhsairean.

Gu mì-fhortanach, chan eil an dòigh anns a bheil brabhsairean air a làimhseachadh le geal gu math iongantach an toiseach, gu h-àraid ma thig thu a-steach a HTML agus a choimeas eadar mar a tha àite geal air a làimhseachadh ann am prògraman facal-obrachaidh, a dh'fhaodadh a bhith nas eòlaiche dhut.

Ann am bathar-bog giollachd fhaclan, faodaidh tu mòran spàs no tabaichean a chur ris a 'phàipear agus thèid an sparradh sin a shealltainn ann an taisbeanadh susbaint na sgrìobhainn. Chan eil seo fìor le HTML no le duilleagan lìn. Mar sin, tha ionnsachadh cudromach mar a tha àite geal, gu dearbh, air a làimhseachadh le brabhsairean-lìn glè chudromach.

Spacing in Print

Ann am bathar-bog giollachd fhaclan, is e na h-àiteachan sa bheil trì prìomh àiteachan geal an toradh carbaid. Bidh gach aon dhiubh sin ag obair ann an dòigh air leth, ach ann an HTML, bidh brabhsairean a 'toirt dhaibh uile an aon rud. Co dhiubh a tha thu a 'cur aon àite no 100 àite anns a' chomharra HTML agad, no ma tha thu a 'measgachadh do spàirn agus tabhartasan carbad, thèid a h-uile gin dhiubh a chonnachadh sìos gu aon àite nuair a nì am brabhsair an duilleag. Ann am briathrachas dealbhadh lìn, canar seo tuiteam mar àite geal. Chan urrainn dhut na h-iuchraichean farsaingeachd àbhaisteach sin a chleachdadh gus whitespace a chur ann an duilleag lìn seach gu bheil am brabhsair a 'tuiteam iomadh àite sìos ann an aon rùm nuair a thèid a thoirt dhan bhrobhsair,

Carson a tha Tabs a 'cleachdadh cuideigin?

Mar as trice, nuair a bhios daoine a 'cleachdadh tabs ann an sgrìobhainn teacsa, tha iad gan cleachdadh airson adhbharan cruth no airson an teacsa a ghluasad gu àite sònraichte no a bhith na astar sònraichte bho eileamaid eile. Ann an dealbhadh lìn, chan urrainn dhut na caractaran spàs a tha air ainmeachadh roimhe a chleachdadh gus na stoidhlichean lèirsinneach no na feumalachdan cruth sin a choileanadh.

Ann an dealbhadh lìn, bhiodh cleachdadh caractaran eadar-dhealaichte anns a 'chòd dìreach airson a bhith a' leughadh a 'chòd sin. Bidh luchd-dealbhaidh lìn agus luchd-leasachaidh gu tric a 'cleachdadh tabs gu còd indent gus am faic iad dè na h-eileamaidean a th' ann an clann eileamaidean eile - ach chan eil na fuadain sin a 'toirt buaidh air cruth lèirsinneach na duilleige fhèin. Airson an fheadhainn a dh 'fheumas atharrachaidhean de dhealbhadh lèirsinneach, feumaidh tu tionndadh gu CSS (duilleagan stoidhle cascading).

A 'cleachdadh CSS airson cruthachadh tabaichean HTML agus farsaingeachd

Tha làraichean-lìn an-diugh air an togail le sgaradh de structar agus stoidhle. Tha structar duilleag air a làimhseachadh le HTML fhad 'sa tha an stoidhle air a stiùireadh le CSS. Tha seo a 'ciallachadh gum bu chòir dhut a bhith a' tionndadh gu CSS agus gun a bhith a 'feuchainn ri caractaran eadar-dhealaichte a chur ris a' chòd HTML no gus cruth sònraichte a choileanadh.

Ma tha thu a 'feuchainn ri tabs a chleachdadh gus colbhan teacsa a chruthachadh, is urrainn dhut an àite a bhith a' cleachdadh eileamaidean

a tha suidhichte le CSS gus an colbh sin fhaighinn. Dh'fhaodadh an suidheachadh seo a dhèanamh tro ghlùraichean CSS, suidheachadh iomlan agus co-cheangailte, no dòighean-obrach CSS nas ùire leithid Flexbox no Grid CSS.

Ma tha an dàta a tha thu a 'cur a-mach na dàta tablail, faodaidh tu clàran a chleachdadh gus an dàta sin a cho-rèir mar a bu toil leibh. Bidh clàran tric a 'faighinn droch rap ann an dealbhadh lìn oir bha iad air an cur an sàs mar innealan cruth airson iomadh bliadhna, ach tha clàran fhathast fìor dhligheach ma tha an susbaint agad a tha a' toirt iomradh air dàta tabulail mu thràth.

Margins, Padding, agus Text-Indent

Is e na dòighean as cumanta air sparradh a chruthachadh le CSS le bhith a 'cleachdadh aon de na stoidhliche CSS a leanas:

Mar eisimpleir, faodaidh tu a 'chiad loidhne de pharagraf mar tab leis a' chuideam leis na CSS a leanas (comharraich gu bheil seo a 'gabhail ris gu bheil adhbhar clas "first" ceangailte ris a' pharagraf agad):

p.first {
teacsa-teacsa: 5em;
}

Bhiodh am paragraf seo a-nis air a dhìteadh mu 5 caractaran.

Faodaidh tu cuideachd an t-iomall no ionadan padaidh a chleachdadh ann an CSS gus farsaingeachd a chur ris a 'mhullach, bonn, clì no ceart (no measgachadh de na taobhan sin) de eileamaid. Aig a 'cheann thall, is urrainn dhut seòrsa de spòrsa sam bith a dh' fheumas tu a dhèanamh gu CSS.

Teacsa a 'gluasad barrachd air aon fhànais gun CSS

Mas e sin a tha thu ag iarraidh airson an teacsa agad a ghluasad nas motha na aon àite air falbh bhon rud roimhe, faodaidh tu an raon neo-bhriseadh a chleachdadh.

Gus an raon neo-bhriseadh a chleachdadh, cuiridh tu & nbsp; cho tric 's a dh' fheumas tu e anns a 'chomharra HTML agad.

Mar eisimpleir, nam biodh tu airson do fhaclan a thoirt seachad còig àiteachan a-null, dh'fhaodadh tu na leanas a chur ris an fhacal.

& nbsp; & nbsp; & nbsp; & nbsp; & nbsp;

Tha HTML a 'toirt spèis dhaibh agus cha toir e sìos iad gu aon àite. Ach, thathas den bheachd gur e droch chleachdadh a tha seo oir tha e a 'cur comharra HTML a bharrachd gu sgrìobhainn a-mhàin gus feumalachdan an cruth a choileanadh. A 'toirt iomradh air ais air an sgaradh sin de structar agus stoidhle, bu chòir dhut àitichean neo-bhriseadh a chur a-mach dìreach gus buaidh cruth a tha a dhìth a thoirt gu buil agus bu chòir dha iomaill CSS agus gleabadh a chleachdadh an àite sin.