ሲኤስሲ የመጀመሪያዎቹ ሻንጣዎች

CSS እና ምስሎችን በመጠቀም ምርጥ ሽፋኖችን እንዴት መፍጠር እንደሚችሉ ይወቁ

ለአንቀጽዎ ፋሽን የመጀመሪያ ፊደላትን ለመፍጠር CSS ን እንዴት መጠቀም እንደሚችሉ ይወቁ. የመጀመሪያውን ካፍልህ ግራፊክ ምስል ለመጠቀም ቀላል የሆነ ምስል ምትክ ዘዴ አለ.

የመጀመሪያዎቹ ሻንጣዎች መሰረታዊ ቅጦች

በሰነዶች ውስጥ ሶስት መሰረታዊ የአጻጻፍ ስልቶች አሉ:

• ያረገው - በጣም የተለመደ ነው, የመጀመሪያው ፊደል ትልቅ እና ተመሳሳይ ከሆነው መስመር ጋር ተመሳሳይ ነው.
• ይህ የመጀመሪያ ፊደል ትልቅ ስለሆነ እና ከመጀመሪያው የጽሁፍ ጽሑፍ በታች ይወርድበታል. ከዚያም የሚከተለው ጽሑፍ ዙሪያውን ይንሳፈፋል.
• ተያይዞ - የመጀመሪያው ፊደል በአንድ አምድ አጠገብ ከቀረው የጽሑፉ ክፍል አጠገብ ነው. ይህ ከድር ዲዛይን ይልቅ በቴሌፎን የታተመ ነው.

የመጀመሪያ አቢያት ወይም ማቅለጫዎች በጣም የተለመዱ ናቸው. እነሱ ረዥም እና አሰልቺ የሆኑ የጽሑፍ መልዕክቶችን ለመለገስ ጥሩ መንገድ ናቸው. እና በ CSS ባህሪ-የመጀመሪያ-ፊደል, የመጀመሪያ ፊደሎችዎን እንዴት መስራት እንደሚቻል በቀላሉ ያስረዱ.

ቀለል ያለ የመጀመሪያ ደረጃን ይፍጠሩ

ቀለል ያለ የተነጣጠረ የመጀመሪያ መክፈቻ ለመፍጠር ማድረግ ያለብዎት የአንቀጽዎን የመጀመሪያ ፊደል በመጀመሪያ ፊደል-አባለፊው መጠን ከፍ ለማድረግ ነው.

p: first-letter {font-size: 3em; }

ይሁን እንጂ ብዙ አሳሾች የመጀመሪያ ፊርማ መስመር ላይ ከሌላው ጽሑፍ የበለጠ እንደሚሆን ያያሉ, ስለዚህ ለቀዳሚው ደብዳቤ ትርጉም የሚሰጠውን ቀሪውን ሳይሆን ቀሪው መስመር አይሆንም. እንደ እድል ሆኖ, ይሄ የመጀመሪያ መስመር መስመር ምስለታ እና መስመር-ቁመት ንብረትን ለማስተካከል ቀላል ነው:

p: first-letter {font-size: 3em; } p: first-line {line-height: 1em; }

ለጽሑፍዎ ትክክለኛውን መጠን እስክማገኙ ድረስ በሰነድዎ ውስጥ ባለው የመስመር ቁመት ያጫውቱ.

ከእርስዎ የመጀመሪያ ካፒ ጋር ይጫወቱ

የመጀመሪያ ካቢኔን እንዴት እንደሚፈጥሩ ከተረዱ በኋላ, ተለይተው እንዲታወቅ በሚያምር ፋሽን ልብስ መልበስ ይችላሉ. ቀለሞች, የጀርባ ቀለሞች, ጠርዞች, ወይም የሚያምር ነገር ይፈትሹ. ቀለል ያለ ቅጥ የራስዎን ቀለም እና የጀርባ ቀለም ቀለሙን ለመጀመሪያው ፊደል መለወጥ ነው.

p: first-letter {font-size: 300%; የዳራ-ቀለም: # 000; ቀለም: #fff; } p: first-line {line-height: 100%; }

ሌላው ዘዴ ደግሞ የመጀመሪያውን መስመር ማመቻቸት ነው. ይህ አቀማመጥ በሂሳብ (CSS) ውስጥ አስቸጋሪ ሊሆን ይችላል, ምክንያቱም የአቀራረብዎ አቀማመጥ ከተለዋወጠ የጽሑፍ መስመሩ ሊለያይ ይችላል. ነገር ግን ከሌሎች ጋር እኩል በመጫወት, የመጀመሪያ ፊደል በመካከል መሃል ላይ እንዲገኝ ለማድረግ የመጀመሪያውን መስመር መጨመር ይቻላል. ከአንቀጹ ውስጥ የፅሁፍ ገጹ ላይ ከመቶው ጋር ሲጫወቱ ልክ ቀኝ እስከሚመስለው ድረስ:

p: first-letter {font-size: 300%; የዳራ-ቀለም: # 000; ቀለም: #fff; } p: first-line {line-height: 100%; } p {text-inent: 45% ; }

ተዳዳሪ የሆኑ የመጀመሪያዎቹ ሻንጣዎች በ CSS ይገኛሉ

የተለያዩ ቅርፀ ቁምፊዎች የተለያዩ ቅርጸ ቁምፊዎችን ስለሚያሳይ ከጉዳዩ የተገጣጠሙ የመጀመሪያ ፊደላት በ CSS መኖር አስቸጋሪ ሊሆን ይችላል. የሲ.ኤ.ሲ. በካንዳው አጠገብ ያለውን የጋዜጣ ልምምድ የመፍጠር ሃሳብ በመጀመሪያው መስመር ላይ የጽሑፍ መግቻ ይዘትን (በግራ በኩል) አሉታዊ ዋጋን መጠቀም ነው. እንዲሁም የአንዱን የተወሰነ የግራ ኅዳግ በተወሰነ መጠን መቀየር አለብዎት. የአረፍተ ነገሩ ጥሩ እስኪሆኑ ድረስ በእነዚህ ቁጥሮች ይጫወቱ.

p {text-indent--2.5em; ኅዳግ-ግራ: 3 em; } p: first-letter {font-size: 3em; } p: first-line {line-height: 100%; }

በጣም ቆንጆዎች የመጀመሪያዎቹ ሻንጣዎች

የሚያምር የመጀመሪያ ካብል ለመፍጠር ምርጡ መንገድ የቅርፀ ቁምፊውን ይበልጥ ቆንጆ በሆኑ የቅርጸ-ቁምፊ ቤተሰቦች ውስጥ መቀየር ነው. ተከታታይ ቅርጸ ቁምፊዎችን በአጠቃላይ ቅርጸ-ቁምፊ ሲከተሉ, ደንበኞችዎ ወደ ተደራሽነት እና ተዓማኒነት ጉዳዮች ሳያገኙ ደንበኞቻቸው ሊያዩት እንዲችሉ የመጀመሪያው መነሻዎ በደንብ የሚያሳይ መሆኑን ያረጋግጣል.

p: first-letter {font-size: 3em; ቅርጸ-ቁምፊ-ቤተሰብ: "Edwardian script ITC", "Brush script MT", cursive; } p: first-line {line-height: 100%; }

እና እንደተለመደው, እነዚህን ሁሉ ሃሳቦች አንድ ላይ በማጣቀስ ለአድራሻዎ ዘይቤን የሚያስተዋውቅ የመጀመሪያ ማዕዘን መፍጠር ይችላሉ.

ንድፍ የመጀመሪያውን ካፒታል መጠቀም

ከዚያ በኋላ, የመጀመሪያዎቹ ካቢኔዎች በገፁ ላይ እንዴት እንደሚፈልጉ አይወዱም, የሚፈልጉትን ትክክለኛ ውጤት ለማግኘት ወደ ግራፊክስ መሄድ ይችላሉ. ነገር ግን በቀጥታ ወደ ግራፊክስ ለመውሰድ ከመወሰንዎ በፊት, የዚህን አሰራር ችግር ማወቅ አለብዎ:

• ምስሎችን ያለአንዳች ተጠቃሚዎች የመጀመሪያውን ካቢኔ አያዩም, ምስሉ እየተተካ ያለ ምስጢራዊ ጽሑፍ ላይታይ ይችላል. ይህም አንቀጹን ተደራሽ እንዲያደርግ ወይም በቀላሉ ለማንበብ አስቸጋሪ እንዲሆን ሊያደርግ ይችላል.
• ምስሎች ሁልጊዜ የአንድ ገጽ አውርድ ጊዜ ላይ ይጨምራሉ. በጣም ብዙ የመጀመሪያ ካፕቶች ካለዎ ብዙ ሰዎች ምንም ዋጋ እንደሌላቸው ለሚያውቁት ነገር የማውረድ ጊዜውን በከፍተኛ ሁኔታ ማሳደግ ይችላሉ.
• አንዳንድ አሳሾች የተደበቀውን የመጀመሪያ ፊደል እና ምስሉን ያቀርባሉ - ይህም የአንቀጽ ጽሑፍ እንዲለይ ያደርገዋል.
• ትክክለኛውን ግራፊክን እንዲጠቀሙ የመጀመሪያው ፊደሉን በትክክል ማወቅ ስለሚያስፈልግ ይህን አማራጭ በራስ ሰር ማድረግ በጣም ከባድ ነው. ስለዚህ, አንቀጹ በተስተካከለ ቁጥር አዲስ ግራፊክ መፍጠር ሊኖርብዎት ይችላል.

በመጀመሪያ, የመጀመሪያ ፊደል ንድፍ መፍጠር አለብዎት. ለ "L" ኤድዋይያን ስክሪፕት ITC "L" የሚል ፊደል ለመጻፍ L Photoshop ን ተጠቀምሁ. በጣም ትልቅ አድርጌዋለሁኝ - 300 እጅ. ከዚያም ምስሉን ወደ ዝቅተኛው ቦታ በመቁረጥ ፊደሉንና ቁመቱን አስተውዬ ነበር.

በመቀጠሌ ሇክፌሇኛ "ክፌሌ" ሌክቼ ነበር. እዚህ የሚጠቀመው ምስል መጠቀም, መሪ (መስመር-ቁመት) እና ወዘተ.

የአንቀጽ ጽሑፍን-ገብ እና ማሸጊያ-አናት ለማዘጋጀት የቦታው ስፋቱን እና ቁመቱን መጠቀም ያስፈልገዎታል. ለኔ ምስል, 95px ገብ እና 72 ፒክ ፓድዲ ያስፈልገኝ ነበር.

p.capL {line-height: 1em; የዳራ-ምስል: url (capL.gif); ጀርባ-ተደጋጋሚነት: አይ-ተደጋጋሚ; የጽሁፍ መሃከል: 95 ፒክስል; መደርደሪያ-አናት: 72 ፒክስል; }

ግን ይህ ግን አይደለም. እዚያ ከሄደ, የመጀመሪያው ፊደል በአንቀጽ ውስጥ ይባላል. - በመጀመሪያ በግራፊክ ከዚያም በጽሑፉ ውስጥ. ስለዚህ, ከመጀመሪያው "የመጀመሪያ" ክፍል ላይ የመጀመሪያውን እሴት ላይ አክራ አክዬ ተጨምሮ - አሳሹ አሳውኑ እንዳይታይ ነግረውታል-

span.initial {display: none; }

ከዚያም ምስሉ በትክክል ይታያል. የጽሑፉን አንቀፅ በቀጥታ ወደ ፊደሉ ላይ ለመቆየት ይቻላል, ነገር ግን ጽሑፉ እንዲታይ ማድረግ ትፈልጋለህ.