ყველაზე ხშირად ჩქარობს, როდესაც მასალებს ემატება საიტზე ან, მაგალითად, იქმნება ახალი თემებიფორუმზე koristuvach შეგიძლიათ დაიწყოთ წინადადების (სახელი) წერა მცირე ასოებით. სერიოზული მშვიდობა და წყალობა.

მე გაჩვენებთ რამდენიმე ვარიანტს საუკეთესო სამუშაოსთვის: PHP და CSS უკეთ იმუშავებს უკვე გამოქვეყნებულ მასალებზე, თუ jQuery-ს შეუძლია გამოასწოროს სიტუაცია გამოქვეყნებამდე.

მწკრივის პირველი ასო PHP-ში დიდი ასოებით

PHP-ში არის ფუნქცია სახელწოდებით " უპირველესი”, რომელიც თავისთავად გარდაქმნის მწკრივის პირველ სიმბოლოს ზევით, მაგრამ მინუსი ის არის, რომ ის სწორად არ მუშაობს კირიულ ანბანთან.

ამ მიზნით ჩვენ დავწერთ ჩვენს პატარა ფუნქციას. განხორციელება ასე გამოიყურება:

ამ ვარიანტით ჩვენ უარვყოფთ წინადადებას, რომ ის იწყება დიდი ლიტერატურით, რაც, რა თქმა უნდა, ჩვენთვის აუცილებელია.

მწკრივის პირველი ასო ზედა შემთხვევაში CSS

ეს მეთოდი არის ვიზუალური (რომ გამომავალი კოდისაიტზე, წინადადებები გამოიყურებიან ე) ასევე გარდაქმნის პირველ სიმბოლოს ზევით.

Vikoristannya-ს მოსწონს ეს:

ფსევდო ელემენტის დამატებითი დახმარებისთვის " პირველი წერილიდა ძალა" ტექსტის ტრანსფორმაციაჩვენ დავაყენეთ დიზაინი აბზაცის პირველი ასო კანისთვის.

რიგის პირველი ასო დიდი ასოებით jQuery-ზე

როგორც ადრე ვთქვი, ტრანსფორმაციის ეს მეთოდი საუკეთესოდ შეეფერება მასალებს, რომლებიც გამოქვეყნდება.

მაგალითად, ავიღებთ ტექსტურ ველს (რომელიც სათაურის შეყვანის ველის როლს ასრულებს) და დავწერთ მას პატარა სკრიპტს, რომელიც შეყვანისას იმუშავებს პატარა ასოებით:

სცენარი იწერება ტექსტის დაწერისა და უბრალოდ ჩასმის დროს. არ დაგავიწყდეთ, რომ თქვენს საიტზე სკრიპტების გასაშვებად, თქვენ უნდა გქონდეთ ჩართული jQuery ბიბლიოთეკა.

ზრუნავს ელემენტის ტექსტის დიდ ან დიდ სიმბოლოებად გარდაქმნაზე. თუ მნიშვნელობა არ არის დაყენებული, გამომავალი ტექსტის რეესტრი შეიცვლება.

მოკლე ინფორმაცია

დანიშვნა

მნიშვნელობა

კაპიტალიზება მდინარეში კანის სიტყვის პირველი სიმბოლო შესანიშნავი იქნება. სხვა სიმბოლოები არ ცვლის მათ გარეგნობას. მცირე ასოები ტექსტში ყველა სიმბოლო ხდება პატარა (პატარა). დიდი ასოები ტექსტში ყველა სიმბოლო ხდება დიდი (ზედა). none არ ცვლის სიმბოლოთა ასოს.

Sandbox

ვინი-პუჰს არ აინტერესებს ცოტაოდენი გამაგრილებელი მიღება, განსაკუთრებით მეთერთმეტე დილით, რადგან ამ საათში საჭმელები უკვე დიდი ხანია გამშრალია და კერძის დაწყება არც უფიქრია. და, რა თქმა უნდა, საშინლად გამიხარდა, როცა შევამჩნიე, რომ კურდღელი ჭიქებსა და თეფშებს იღებდა.

div (ტექსტის ტრანსფორმაცია: დიდი ასოებით;)

კონდახი

კულტურული შეხსენებასერედნიოვიჩია

ამაზონის დაბლობი იღებს ნაწლავებისა და ძაღლების არაპროპორციულად მცირე მარაგს, ხოლო ჰაჯოს ბაია ცნობილია თავისი წითელი ღვინოებით.

ამ კონდახის შედეგი ნაჩვენებია ნახ. 1.

Პატარა 1. ტექსტის ტრანსფორმაცია

ობიექტის მოდელი

ობიექტი.სტილი.ტექსტიტრანსფორმირება

სპეციფიკაცია

კანის სპეციფიკაცია გადის ანთების რამდენიმე ეტაპს.

• რეკომენდაცია - სპეციფიკაცია აფასებს W3C-ს და რეკომენდირებულია როგორც სტანდარტი.
• კანდიდატის რეკომენდაცია ( შესაძლო რეკომენდაცია) - ჯგუფი, რომელიც აკმაყოფილებს სტანდარტს, კმაყოფილია, რომ ის აკმაყოფილებს თავის მიზნებს, მაგრამ მოითხოვს დამატებით დახმარებას სტანდარტის დანერგვაში ჩართული სპეციალისტებისგან.
• შემოთავაზებული რეკომენდაცია გაკეთდა რეკომენდაცია) - ამ ეტაპზე დოკუმენტი წარდგენილია განსახილველად W3C მრჩეველთა კომიტეტის მიერ ნარჩენი დასამტკიცებლად.
• სამუშაო პროექტი - პროექტის უფრო მომწიფებული ვერსია განხილვის შემდეგ და განხორციელდა ცვლილებები სისრულის უზრუნველსაყოფად.
• რედაქტორის მონახაზი ( რედაქტორის ჩერნეტკა) - სტანდარტის ჩორნის ვერსია პროექტში რედაქტორების მიერ შეტანილი ცვლილებების შემდეგ.
• პროექტი ( ჩერნეტკას სპეციფიკაციები) – სტანდარტის პირველი შავი ვერსია.

საშუალებას გაძლევთ შეცვალოთ ტექსტის ასოების ასოები.

მნიშვნელობა „არცერთი“ დაყენებულია ტექსტის უკან, ისე, რომ იგი არ ერწყმის ტექსტს. ტექსტის რეგისტრი უცვლელი დაკარგულია. დიდი და პატარა მნიშვნელობები გარდაქმნის დიდ და პატარა ასოებს, ცხადია. თუ მიუთითებთ კაპიტალის მნიშვნელობას, მაშინ კანის სიტყვის პირველი სიმბოლოები შესანიშნავი იქნება. უჰერიტის კლებადი მნიშვნელობა მამამისია.

კონდახი

ეს არის სათაური. ტექსტის ტრანსფორმაციის ძალა დიდი მნიშვნელობებით აქამდე სტაგნაციაშია. ყველა სიმბოლო შესანიშნავი იქნება.

ამ აბზაცამდე დაყენებულია ტექსტის ტრანსფორმაციის ძალა მცირე ზომის მნიშვნელობებით, რაც ნიშნავს, რომ ყველა ასო იქნება პატარა რეგისტრში.

და ამ ბოლო აბზაცამდე, ტექსტის ტრანსფორმაციის ძალა კაპიტალიზაციით არის დაწყობილი. კანის პირველი დაზიანებები შესანიშნავი იქნება და სუნის გარეშე.

შედეგი

თუმცა, ყველაფერი ასე მარტივი არ არის. და რამდენიმე ნიუანსი. იმისათვის, რომ ყურადღება მიაქციოთ ზემოაღნიშნული კონდახის კიდევ ერთ აბზაცს, შეგიძლიათ შენიშნოთ, რომ სიტყვა კაპიტალიზირება, მიუხედავად აბზაცის ტექსტის გარდაქმნის ძალისა კაპიტალის მნიშვნელობებით, თითქმის დიდი მწერლებისგან მოდის, რაც არის შეესაბამება გამომავალ ტექსტს. ეს აიხსნება იმით, რომ კაპიტალიზაციის განსაზღვრული მნიშვნელობით, მხოლოდ პირველი ფოთლები მოწმდება, სხვები კი იგივეს მოკლებულია, მიუხედავად მათი ემბრიონული ზრდისა.
მიუხედავად გარეგანი სიმარტივისა, ტექსტის ტრანსფორმაციის ძალა შეიძლება ზედმეტიც კი ჩანდეს. მაგალითად, იმისათვის, რომ თქვენი საიტის ყველა H1 სათაურის ტექსტი შესანიშნავი იყოს, თქვენ მხოლოდ ერთი ძალა უნდა დაამატოთ სტილის ფურცელს.

H1 (ტექსტის ტრანსფორმაცია: დიდი;)

და პრობლემა მოგვარდება. და არ არის საჭირო ყველა სათაურის ხელით შეცვლა, რომელთაგან შეიძლება ბევრი იყოს.

CSS შესანიშნავი ასოებიდაეხმარეთ იმავე ტიპის დიზაინის ერთფეროვნების დაშლას, რომლის ტექსტები კვლავ ერთნაირად გამოიყურება.

წერილები ადრე და ერთდროულად

მემატიანეები დიდ ლიტერატურას აწერდნენ ხელნაწერებში, რომლებიც ხელით იყო დაწერილი და მათი საქმეები თარიღდება მე-5 საუკუნით. დიდმა მწერლებმა გააგრძელეს თავიანთი გამარჯვებული მოღვაწეობა მე-8-მე-15 საუკუნეებიდან, როდესაც დრუკარმა ვერსტატებმა მათ საშუალება მისცეს, თავიანთი მთვრალი ვაჭრობაში წაეყვანათ. ტექსტის ზედაპირზე მოთავსებული იყო როგორც ხელნაწერი, ასევე ხელნაწერი ასოები. მათ ხშირად ამშვენებდნენ დეკორატიული საღებავით, ისე რომ ასოები იზრდებოდა სანამ არ იზრდებოდა.

ამაღლებულ და დაკლებულ ლიტერატურებზე დღესაც განიხილება. მათი ნახვა შესაძლებელია გაზეთებში, ჟურნალებსა და წიგნებში, ასევე ციფრულ მედიაში. ამაღლებულ ასოებს და ინოდებს უწოდებენ ამოღებულს. შენიშვნები მოთავსებულია იმავე დონეზე, როგორც ტექსტის ქვედა ნაწილი, რომელიც მათ მოსდევს. გამოტოვებული ასოები მოთავსებულია იმავე დონეზე, როგორც ტექსტის ზედა ნაწილი, ან ბურთში ტექსტის შინაარსის ძირითადი ნაწილის უკან, ან ტექსტი მიედინება მათ გარშემო.

ამაღლებული ასოები დაყენებულია ბევრად უფრო მარტივად, ამიტომ ისინი იმავე დონეზეა, როგორც საბოლოო ტექსტი და, შესაბამისად, არ არის საჭირო გარე ველების ნაკადის შეცვლა. გამოტოვებული ასოები უფრო ეფექტური იქნება ჯარიმა დაყენება. ამის გაგება გაგიადვილდებათ, როგორც კი გაიგებთ, თუ როგორ ამოდის ასოები.

Vikoristannya klasіv

დიზაინერებმა, რომლებიც უკვე იცნობენ CSS-ს, იციან, რომ მათ უნდა შექმნან ძლიერი CSS კლასი პირველი გამოცემისთვის.

CSS კოდი აბზაცის ელემენტისთვის, რომელიც ქმნის ასოს, ასე გამოიყურება:

p (შრიფტის ზომა:20px; შრიფტის ოჯახი: Georgia, "Times New Roman", Times, serif;).myinitialcaps (შრიფტის ზომა:48px; font-family: Didot;)

და HTML კოდი ასე გამოიყურება:

რას გვაძლევს:

მართლა ასე მარტივია? ფაქტობრივად, მოგიწევთ კორექტირება კონკრეტული აწეული ასოების პოზიციაში, რადგან დიდი ასოების კანი მოითხოვს სპეციალურ კერნინგს. აწეული ასოებისთვის და ძირითადი ტექსტისთვის შრიფტის არჩევის შემდეგ, თქვენ უნდა შექმნათ კლასის გარშემო ამაღლებული ასოებისთვის. მითითებულ ქვედა ნაწილში CSS-class.myinitialcapsiმარჯვენა ველს აქვს უარყოფითი მნიშვნელობა, ასე რომ თქვენ შეგიძლიათ შეცვალოთ პოზიცია I-სა და n-ს შორის.

Myinitialcapsi (შრიფტის ზომა: 48 პიქსელი; შრიფტის ოჯახი: Didot; ზღვარი მარჯვნივ: -1 პიქსელი;)

მეამ შემთხვევაში, არის დამატებითი სივრცე "I" და "n" შორის.

მეახალი კლასის ჩათვლით უარყოფითი ზღვარი აახლოებს მას.

ეკრანის ცალკეული ნაწილის წინ დგომა მე და ნ შეიძლება ერთდროულად გავბრაზდეთ. ეს მითითებულია ასოების ბოლოებში სერიებით. ამიტომ, ჯერ აირჩიეთ CSS სტილის დარჩენილი ვერსია, შეამოწმეთ საიტი სხვადასხვა შენობები, რომ ნახოთ, როგორ უყურებდნენ ტექსტს CSS დიდი მწერლები.

ციტატები და სხვა შენიშვნები

თქვენ შეგიძლიათ დაამატოთ რაც შეიძლება მეტი ასოები ტექსტში. თქვენ შეგიძლიათ განახორციელოთ სხვა კლასი, რათა შექმნათ ასოდან მიღებული ფეხების უფრო დიდი ვერსია. ჩვენი თათები არ შეესაბამება 48 ზომის ასოების კლასს და არც 20 პიქსელის ტექსტის კლასს. მალე შუაში იქნება - 30 პიქსელი. ჩვენ თათებს 4 პიქსელით ქვემოთ ვამოძრავებთ, რომ ოპტიკურად გავასწოროთ ისინი I-სთან:

Myinitialcapsq (შრიფტის ზომა: 30 პიქსელი; შრიფტის ოჯახი: Didot; float: მარცხნივ; ზღვარი ზედა: 4 px;)

“მეჩართვა“ ახალ კლასში უარყოფითი ზღვრით აახლოებს მას.

აუცილებელია დიდი ასოების CSS-ის კანი ფეხებთან ერთად საგულდაგულოდ დააყენოთ, რათა მათი კერინგი და შეფასება იყოს მაქსიმალურად ზუსტი. მაგალითად, ასო T უნდა გადავიდეს მარცხნივ, აბზაცის კიდეზე ოდნავ მიღმა, რათა მისი განივი ხაზი ვიზუალურად მოერგოს განლაგებას. ანალოგიურად დაჯილდოვდება იგივენაირად, ასეთი იაკ c, g, o, o, o ting q. The tsomu vicoristani rosisti fontiv 20, 30 tt 48. Ale is at TREED BODIBIBIRI ROZIRI, VIDITICHI SAMS VIBRANHINES FREETS. და ასევე ეკრანების ზომები და რეზოლუციები, რომლებზეც ნახულია საიტი.

ფსევდოელემენტები და ფსევდოკლასები

CSS ფსევდოელემენტის დახმარებით შეგიძლიათ მარტივად შექმნათ ამაღლებული ასო აბზაცში ::first-letter ელემენტის დამატებით. ვიკორი :პირველი ასო ( ერთი ორმაგი ჩარჩოთი) ძველი ბრაუზერებისთვის:

p ( font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; line-height:2em;padding-bottom:1.2em;) p::first-letter ( შრიფტის ზომა: 3.6em;ტექსტის ტრანსფორმაცია: დიდი; შრიფტი-ოჯახი: "Monotype Bernard Condensed", სერია; margin-right:0.03em;).initialb (ზღვარი-მარჯვნივ:-0.1em;) em;)

HTML კოდი, რომელიც შეესაბამება CSS კლასს, რომელიც უზრუნველყოფს ასოების N და B კერნინგს, ასე გამოიყურება.

თავდაპირველი წერილი, თან პირველიასო დიდი ასოა.
ხაზის შესვენებით, შემდეგ ხაზს არ აქვს საწყისი ქუდი.

ნდაჯავშნეთ HTML წყაროში, თუ როგორ ხდება პირველი ასო, HTML-ში დიდი ასოების გარეშე, ზომავს თავდაპირველ ქუდის ზომამდე 3.6 ემ. მოწესრიგებული, ჰა?

ბმძიმე დაბრუნებით და დაიწყო ახალი აბზაცი, ყოველთვის იქმნება სხვა საწყისი ქუდი. შესაძლოა საკუთარ თავს ჰკითხოთ, როგორ ვაპირებ ამის გაანგარიშებას? რატომ მაცვია ახალი ქუდი ახალი აბზაცის დაწყებამდე?ისე, შეგვეძლო. ალე, რას ფიქრობ, რა და ვინ არის აბსოლუტურად დამნაშავე დედის პატივისცემაში, რა?

ასო თავიდან იქმნება, ასო დიდია აბზაცში.
რიგის გაწყვეტის შემდეგ პირველი ასო არ გადაიქცევა სათაურში.

ოგთხოვთ გაითვალისწინოთ, რომ გამომავალ HTML კოდს არ აქვს დიდი ასო, მაგრამ გარდაიქმნება 3.6em ასოზე.

შესახებთუმცა, რიგის პრიმუსის რღვევის შემდეგ, ახალი აბზაცის დასაწყისში იქმნება ასო. შეგიძლიათ ჰკითხოთ საკუთარ თავს: როგორ შეიძლება მომატყუონ? მჭირდება ასოების დამატება ყველა ამ ტიპისთვის?აბა, შეგიძლია. Ეს აუცილებელია?

ფსევდოელემენტების დანერგვის უპირატესობების გასაცნობად, ჩვენ მოგვიწია მრავალი კოდის დამატება, რათა განვსაზღვროთ სხვადასხვა კლასები ბირთვთან და ჩაღრმავებასთან დაკავშირებული პრობლემების გადასაჭრელად. ეს მეთოდი CSS-ში ყოველი ახალი აბზაცის პირველ ასოს აღადგენს დიდ ასოებად. ვისთვისაც შეიძლება არ იმუშაოს, არ არის საჭირო კანის აბზაცის პირველი ასოს შეცვლა.

ფსევდოკლასებისა და ფსევდოელემენტების გაერთიანება ჭკვიანი განლაგების შესაქმნელად

ფსევდო კლასში დამატება: პირველი შვილი ეხმარება გადაჭრას პირველი ასოების არასაჭირო შებრუნების პრობლემა:

p ( font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; line-height:2em;padding-bottom:0.5em;) p:first-child::first-letter ( შრიფტის ზომა: 3.6em; ტექსტის ტრანსფორმაცია: დიდი; შრიფტი-ოჯახი: "Monotype Bernard Condensed", სერიფი; ზღვარი-მარჯვნივ: 0.03em;)

ამ კოდის გაერთიანება HTML-თან:

პირველი ასო, რომელიც აღინიშნება პირველ შვილად, არის ერთი ასო, რომელიც ამ მეთოდით გარდაიქმნება ამაღლებულ დიდ ასოში.

ერთადერთი, რაც ხელახლა იქმნება, არის პირველი შვილის ასო, რა თქმა უნდა, რომ ეს კონდახი განსხვავდება პირველისგან, პირველი შვილის გარეშე. უფრო მეტიც, ჩვენ არ შეგვიძლია აღვადგინოთ პირველი ასოები აბზაცის დასაწყისის შემდეგ და რიგის Primus რღვევის შემდეგ. ის უფრო ელეგანტურად გამოიყურება, ვიდრე განლაგება, როდესაც ჩვენ ხელახლა შევადგინეთ ყველა პირველი აბზაცი.

ფსევდოკლასების ზრდის უპირატესობა მდგომარეობს სხვადასხვა ტიპის განსხვავებების იდენტიფიცირების უნარში. რაც შეეხება ნაკლოვანებებს? არსებობს უამრავი სხვადასხვა ფსევდოკლასი და მათი ინტერპრეტაცია შესაძლებელია იმდენი ხერხით, რომ თქვენი თავი შეიძლება დატრიალდეს. მაგალითად, ფსევდოკლასებმა :first-child და :first-of-type შეიძლება სხვადასხვა შედეგი გამოიღოს. ასევე შესაძლებელია ფსევდოკლასი განისაზღვროს არა მხოლოდ აბზაცის, არამედ ელემენტების მიმართ