Ezarpenak CSS hauetan: lerroartea

CSS, lerro arteko distantzia oso erraz ezarri da. Horretarako ez jabetza berezi bat da. Baina, noski, ez dago beste hainbat parametro, zein unibertsalak dira eta testuaren berdin aplikatzen dira.

doikuntza egin gabe badago, balio lehenetsiak zauden ezarri. distantzia alda dezakezu nahi izanez gero. balioa bai ehunekotan edo pixel izan daiteke.

ilara Altuera

lerroen arteko CSS distantzia egon honako figura frogatu ahal izango da.

Aurreko irudian dagokion distantziak dituzten parametroak erakusten ditu. Testuak espazio font-size dago. Kontuan izan testu line Ez du oinarria eta zertxobait handiagoa hasteko. behean bertan beheko elementu (g, y, eta abar) dute gutunak den espazioa.

Kontuan bloke font-size arteko espazioa deitzen liderra. HTML eta CSS With jabetza hori ez dirudi, baina beste grafiko eta testu editoreak atalean. Adibidez, Adobe Photoshop.

Kopuru ikuskizunak non "Photoshop" ere, puntako zehaztu dezakezu, batez ere. Eta hurrengo zehaztu font-size ezarpena.

line-height erabiliz Adibideak

CSS ere, lerroen arteko distantzia egon ehuneko ezar daiteke. ilustratzailea adibide bat beherago.

gunearen erabiltzaileak balioak txikien kasuan deserosoa irakurtzeko izango da.

distantzia askotarikoa eta letra-tamaina izan daiteke. oinarrizko parametroak arteko aldea oso ezberdinak izango bada zenbakiak ere, aldea dago igoera liderra konpentsatu.

diseinu ñabardurak

lerroen arteko CSS distantzia gehiago pertsonalizatu ahal hainbat koskak. Demagun irudian adibidea.

eta "elementua" kasu honetan ere testua izango da. Padding - objektuaren koska - betegarria margin objektu barruan dago, eta. Border - tarte horretan. 0 pixel izan daiteke, eta 100 izan daitezke.

Hurrengo irudia erakusten berehala marjinak guztiak, markoaren eta testu-lerro baten altuera.

testu txiki bat, guztiak lerro bakar batean, edo aparteko paragrafo batean lerro bakoitzean badaukazu, distantzia da koska paragrafo artean doi daitezke. Hori maring eta padding zelula lerroak ez du eraginik izango dute bitartekoa da. koska sortu dute objektuaren ertzetan bakarrik. Objektu - paragrafo hau guztia, ordez lerro. Garrantzitsua da, ez nahastu lortzeko.

Kasuetan ilara, horiek guztiak dira objektu beraren kokatuta ugari, letra oinarrizko parametroak aldatzeko gomendatzen da.

Nola CSS lerro artean distantzia handitzeko

HTML-lerro arteko distantzia, edozein klase edo testua paragrafo guztiek izena eman dezakezu. p {line-height: hau bezalako zehazten baduzu 20px; } -, ondoren, erabat orriko paragrafo guztien 20 pixel kateak izango da. tamaina desberdinetan leku desberdinetan nahi badituzu, gomendagarria da honako hau egin behar.

Estilo prescribe dugu.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Argitasuna, marko bat gehitu dugu, beraz, ikusi ahal izango duzu lan egiten dela. Etorkizunean, kendu egin behar da.

Hurrengoa, klase horiek erabiltzen ditugu. Emaitza honako hau da.

Kontuan izan hirugarren kasuan, banda testua bultzatu. Guztiak izan ere, bertan, letra tamaina line altuera baino handiagoa da. Beraz, garrantzitsua da gatazka horiek ez ziren ziurtatzeko. you line altuera txiki bat egiten ari bazara, hurrenez hurren, letra murrizteko.

Ez da gomendagarria testu gutxi eta lerro arteko distantzia txiki bat egin. Geroztik erabiltzaile batek ere ez da guztia patxadaz irakurtzeko gai izan. He azkar nekatuta begiak. Bilatzaileak ere esan testuak erabiltzaileak errespetatzen da.

Gainera, azken urteotan han mugikorren erabiltzaileen erabilgarritasuna arreta handia da. Ez dago gomendioak beti esan letraren tamaina normala, ez txikiak izan behar du. Batez ere biziki erreferentzia eragiten die. beren tamaina txikiak dituzten erabiltzaileak zaila izango da gunean nabigazioa erabiltzeko.

bilatzaile batean "Google" tresna berezi bat aztertzeko laguntzen da. Oso webmasters komenigarria da.

Hemen emaitzak izan daiteke adibide bat da.

Gomendagarria da aholku hauek erabili irizpide horiek eraginik bilaketa emaitzak duelako.