Fêr bibe Çawa Kûçikên Pirtûka Fîlmên Bikaranîna CSS û Wêneyên Bikaranîna çêbikin
Fêr bibin ka çiqas CSS bikar bînin ku ji bo paragrafên pêşî yên pêşîn çêbikin. Li teknolojiya veguherîna hêsan a hêsan e ku hûn wêneyê grafîk bikar bînin ji bo pêşiya we ya we.
Stylesên bingehîn yên Initial Caps
Di sê belgeyên bingehîn ên belgeyên destpêkê de hene:
- bilind bûye - herî gelemperî, ku di nameya yekemîn de mezin e û di heman demê de wek nivîsa heyî.
- jêbirin - her weha bi gelemperî gelemperî, ku di nameya yekemîn de mezin e û di rêza yekem de nivîsê jêrîn hilkişîne. Peyva jêrîn paşê li dorpêçê.
- dorpêçê - ku li nameya yekem yek li yek li blovê ya din ên nivîsê ye. Di çapkirinê de Web ji hêla çapkirinê gelemperî ye.
Kûçikên pêşîn an an çepê dûr in. Ew rêbazek mezin e ku nehêle û borên barkirina nivîsê. Û bi taybetmendiya CSS-ê: nameyek yekem, hûn dikarin bi awayekî bi awayekî xwe re diyar bikin ku çawa pêşîn nameyek yekemên we fakir bikin.
Kopiyek yekem a Simple Create
Hûn hewce ne ku hûn çêbikin ku kapê destpêkê yekgirtî çêbikin, ew e ku nameya yekemîn nameya pseudo-elementê ya mezin ya paragrafê bigire:
p: first-letter {font-size: 3em; }Lê gelek lêgerîn dibînin ku nameyek yekem ji hêla mayînên li ser rêzê mezintir e, ji ber ku ew yek ji nameya yekemîn re têgihîştin, ew hêjayî neqas e. Bi dilfikir, ew hêsan e ku bi pêşî re pisudo-element û dezgeha lênêrîna hêsan e.
p: first-letter {font-size: 3em; } p: first-line {line-height: 1em; }Bi pelê xwe di nav belgeya xwe de bila heta ku hûn ji bo textê rastê bibînin.
Bi Destpêkek Destpêk Bikin Play
Dema ku hûn bizanin ka çawa kûçek pêşîn çêbikin, hûn dikarin li cilên cilikan bikin ku hûn bisekinin. Bi rengên rengan, rengên paşîn, sînor, an her tiştî êrîşên xwe dikin. Pîvanek pir bi awayek hêsan e ku tenê rengên yekem ji rengên rengê xwe û rengê rengê xwe re vekin.
p: first-letter {font-size: 300%; background-color: # 000; rengê: #fff; } p: first-line {line-height: 100%; }Pêkêşiyek din e ku di rêza yekem de navendî. Ev dibe ku bi CSS-ê, dibe ku navenda lînkek cûda dikare heke dikare dibe ku veguherînek tengahî ye. Lê bi hinekî li ser nirxên lîstin, hûn dikarin rêza yekem a ku hûn nameya yekem bikin ku di navîn de têne çêbikin. Tenê bi sedemê li ser nivîsê-nivîsa benda parçeyê heta ku ev rast dibîne:
p: first-letter {font-size: 300%; background-color: # 000; rengê: #fff; } p: first-line {line-height: 100%; } p {text-indent: 45% ; }Pirtûka Destpêk Çelikan digel CSS
Dibistanên pêşîn yên pêşîn dikarin bi CSS re dijwar be, çimkî gerokên cuda cuda cuda cuda bikin. Pêwîstina paşê paşnavkirina afirandina kapîtalek di CSS-ê de ye ku li ser rêza yekemîn a qada nivîskî-an xaniyê yekem rêza bikar bînin ku ew berbi (çepê) nirxek neyînî. Hûn jî hûn hewce ne ku ji sedemek çepê parçeyek parçeyek hin tişt biguherînin. Bi van hejmaran re lîstin heta ku paragraph baş e.
p {text-indent: -2.5em; margin-çep: 3em; } p: yekem-nameya {font-size: 3em; } p: first-line {line-height: 100%; }Really Fancy Initial Caps Getting Getting
Riya herî çêtirîn ku çêbek pêşînek çêbikin, ew e ku fenivîsek ji malbateke fonkek hûrgelan re biguherînin. Heke hûn di rêzikên fontsan de peyivînek fonksiyonek bikar bînin, ew ê piştrast dike ku kapê destpêka xwe nîşanî baş dike ku mişterên we dikare bibînin, bêyî pirsgirêkên gihîşt û pirsgirêkên karûbar.
p: first-letter {font-size: 3em; font-family: "Edward Edward Script", "Cîhanê Tîrmehê", cursive; } p: first-line {line-height: 100%; }Û, wek her dem, hûn dikarin hemî pêşniyarên van hevpeymanan bikin û ji bo pêşniyarên destpêkê ku adetên stendeyê ji we re parve bikin.
Bikaranîna kapîtalek destpêkê ya Grafîkî
Heke piştî, her tişt, hûn hîn nakin ka kîteyên destpêkê li ser rûpelê binêrin, hûn dikarin grafikên xwe biceribînin ku hûn li ser lêgerînê rastîn bibînin. Lê berî ku hûn biryar da ku hûn bi grafîkan bikişînin, hûnê ji derveyî vê rêbazê bizanibin:
- Bê wêne bêyî wêne dê nişka pêşîn nabînin, û dibe ku nivîsê veşartî ye ku wêneyê veguherîne. Ev dikare paragrafa bêkêmasî, an jî ji hêla zehmet re xwendin.
- Wêneyên herdem herdem di dema demê de rûpelê dakêşin. Heke hûn gelek kûçeyên pêşîn hene, hûn dikarin ji bo ku hûn gelek hestiyar bifikirin, bêhtir dakêşin zêde bikin.
- Hin browsers dê herdu nameya yekem veşartî û wêneyê nîşan bide - kîjan dikare li benda gotara benda xuya dibe.
- Vê zehmet e ku vê rêbazê otomatîk bikî, wekî ku hûn dizanin kîjan nameyê yekem e ku hûn grafîkek rastîn bikar bînin. Ji ber vê yekê, her cara parçeyê veguherîn, hûn hewce ne ku hûn grafîkek nû çêbikin.
Pêşîn, divê hûn grafîkî ya nameya yekem ava bikin. Min wêne ji Photoshop ve hatibû nivîsandin L bi "Fontian Edwardi Script". Min mezin e - 300pt in size. Piştre min wêneya herî kêm di nameyê de hema berbiçav kir û wêneyê çarçove û bilindkirî.
Piştre min ji bo paragrafa "capL" damezrand. Vê yekê ku ez çi çi wêneyê bikim ku bikar bînin, sereke (serdestî), û vî awayî.
Divê hûn hewceyê çarçoveya bilind û bilindkirina wêneyê bikar bînin ku ji bo nivîsa tekstê û navîn-top. Ji bo min wêneya min L, ez hewce nebûya 95px indent û 72px padding.
p.capL {line-height: 1em; background-image: url (capL.gif); paşnavê-paşê: no-repeat; text-indent: 95px; padding-top: 72px; }Lê ew ne hemî. Ger hûn li wir derkeve, paşê nameya yekem dê di paragrafa yekem de bi rûpela grafîkî re tête dabeşkirin. Ji ber vê yekê, ez di çarçoveya yekemîn de bi drav "destpêk" re got - û ji gerokê re got ku ev nameyê nîşan bide:
span.initial {display: none; }Û grafîk wê piştrast dike. Hûn dikarin li ser parçeyek nivîskî-nivîsînek ji bo nivîsandina rastê nameyê veşartin, lê hûn dixwazin ku ev dixwazin ku nîşan bidin.