ᲙომპიუტერებიᲞროგრამირების

Პარამეტრების CSS: ინტერვალი

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

თუ კორექტირების კეთდება, უეჭველია, რომ default ღირებულებების. თქვენ შეგიძლიათ შეცვალოთ მანძილი თუ სასურველი. ღირებულება შეიძლება იყოს პროცენტული ან pixels.

ზედიზედ სიმაღლე

ცენტრის შორის მანძილი ხაზები შეიძლება აჩვენა შემდეგი ფიგურა.

ზემოთ სურათი გვიჩვენებს პარამეტრების შესაბამის დისტანციებზე. ტექსტის სივრცეში font-size. გაითვალისწინეთ, რომ ტექსტი ხაზი არ დაიწყოს ბაზაზე და ოდნავ მაღალი. სივრცეში მოწოდებული ქვემოთ წერილებს, რომელსაც აქვს ქვედა ელემენტები (g, y, და ა.შ.).

გაითვალისწინეთ, რომ სივრცე ბლოკები font-size ეწოდება წამყვანი. HTML და CSS ეს ქონება არ ჩანს, მაგრამ ეს არის სხვა გრაფიკული და ტექსტური რედაქტორები. მაგალითად, Adobe Photoshop.

ფიგურა ზემოთ გვიჩვენებს სადაც "Photoshop", თქვენ შეგიძლიათ მიუთითოთ წამყვანი. და მომავალ მითითებული font-size გარემოში.

გამოყენების მაგალითები ხაზის სიმაღლე

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

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

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

subtleties დიზაინი

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

In "ელემენტი" ამ შემთხვევაში იქნება ტექსტი. Padding - padding შიგნით ობიექტი, და ზღვარი - წანაცვლება ობიექტი. სასაზღვრო - ამ ჩარჩოში. ეს შეიძლება იყოს 0 pixels, და შეიძლება იყოს 100.

შემდეგ გამოსახულება დაუყოვნებლივ მინდვრები, ჩარჩო და სიმაღლე ტექსტი.

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

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

როგორ გაზრდის მანძილი ხაზებს შორის CSS

მანძილი ხაზებს შორის HTML, შეგიძლიათ დარეგისტრირდეთ ნებისმიერი კლასის და ყველა პუნქტი ტექსტში. თუ, თქვენ შეიტანეთ მოსწონს ეს: P {ხაზის სიმაღლე: 20px; } - მაშინ აბსოლუტურად ყველა პუნქტები გვერდზე იქნება strings 20 პიქსელი. თუ გსურთ სხვადასხვა ადგილებში სხვადასხვა ზომის, მიზანშეწონილია ამის ასეთია.

ჩვენ განსაზღვრონ სტილის.

.class1 {ხაზის სიმაღლე: 20px; }

.class2 {ხაზის სიმაღლე: 16px; }

.class3 {ხაზის სიმაღლე: 12px; }

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

შემდეგ, ჩვენ ვიყენებთ ამ კლასებში. შედეგი ასეთია.

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

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

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

საძიებო სისტემა "Google" სპეციალური ინსტრუმენტი, რომელიც ეხმარება ანალიზი. ეს არის ძალიან მოსახერხებელი ვებოსტატებისათვის.

აქ არის მაგალითი, რომ შედეგები, რომელიც შეიძლება იყოს.

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ka.birmiss.com. Theme powered by WordPress.