КомпьютерлерБағдарламалау

CSS Параметрлер: жоларалық интервал

CSS жылы жолдың арасы орнату өте оңай. Осы мақсатта арнайы меншік бар. Бірақ, әрине, әмбебап болып табылады және мәтін қолданылуы мүмкін басқа да көптеген параметрлері бар.

жоқ реттеу жасалады, онда сіз әдепкі мәндерін орнатылады. Қажет болса, сіз қашықтықты өзгертуге болады. пайызбен немесе пиксел болуы мүмкін.

жолдың биіктігін

сызықтардың арасындағы CSS қашықтық келесі суретте паш болады.

Жоғарыда суретте тиісті қашықтықта параметрлерді көрсетеді. мәтін ғарыш қаріп өлшемі болып табылады. мәтінді желісі базасында іске қосу және сәл жоғары емес екенін ескеріңіз. кеңістік төменгі элементтерін (г, у, және т.б.) бар хаттар үшін төмендегі берілген.

блоктар арасындағы ғарыш қаріп мөлшері жетекші деп аталады екенін ескеріңіз. HTML және CSS осы мүлікті пайда болмайды, бірақ ол басқа да графикалық және мәтіндік редакторлар болып табылады. Мысалы, Adobe Photoshop бағдарламасында.

«Photoshop», сіз жетекші көрсетуге болады шоу жоғарыда қайраткері. Ал келесі қаріп мөлшері параметрін көрсетілген.

желісі-биіктігін пайдаланып мысалдары

CSS жылы жолдың арасы пайыз орнатуға болады. Бұған мысал төменде берілген.

Сіздің сайттың пайдаланушы шағын мәндер жағдайда оқып ыңғайсыз болады.

қашықтық құбылып және қаріптің өлшемі болады. негізгі параметрлері арасындағы айырмашылық цифрларда айтарлықтай ерекшеленеді болса, айырмашылық арттыру жетекші өтеледі.

дизайн тонкости

сызықтардың арасындағы CSS қашықтық одан әрі түрлі шегініс баптай аласыз. Суретте мысалын қарастырайық.

Бұл жағдайда «Element» мәтін болады. Толтыру - қаптауын объектінің ішіндегі болып табылады, және маржа - объектінің шегінісі. Шекара - бұл кадр. Ол 0 пиксель болуы мүмкін, және 100 болуы мүмкін.

Төмендегі сурет бірден барлық шеттерді, жақтауын және мәтіннің жолының биіктігін көрсетеді.

Егер сіз шағын мәтін бар болса, барлық бір жолда, немесе жеке-тармағында әрбір жолында, қашықтық абзацтан тармақтардың аралығында реттеуге болады. Яғни бір ұяшыққа жолдар арасында maring және қосымша әсер етпейді болып табылады. Олар тек нысанның жиектерінде шегінісін жасау. Нысан - бұл бүкіл тармақ, оның орнына оған желілерін. Ол шатастырмау маңызды емес.

сол объектінің орналасқан барлық оның жолдар үлкен саны, жағдайларда, қаріп негізгі параметрлерін өзгерту ұсынылады.

CSS желілері арасындағы қашықтық ұлғайту қалай

HTML желілері арасындағы қашықтық, сіз кез келген сыныпта немесе мәтінінде барлық тармақтардың үшін тіркеуге болады. P {желісі-биіктігі: Егер сіз осы сияқты көрсетсеңіз 20px; } - содан кейін мүлдем беттегі барлық тармақтар 20 пиксель жолдары болады. Сіз түрлі өлшемдері әр түрлі орындарда келсе, ол төмендегідей істеу ұсынылады.

Біз стильдер тағайындайды.

.class1 {желісі-биіктігі: 20px; }

.class2 {желісі-биіктігі: 16px; }

.class3 {желісі-биіктігі: 12 pt; }

Түсінікті болуы үшін, біз жақтауын қосу, сондықтан сіз оны жұмыс істейді деп көруге болады. Болашақта, ол алып тастау керек.

Келесі, біз осы сыныптар пайдаланыңыз. төмендегідей нәтижесі болып табылады.

Үшінші жағдайда, тобы мәтін кеттік екенін ескеріңіз. фактісі байланысты барлық қаріп өлшемі жолдың биіктігі артық. Сондықтан, ол мұндай қақтығыстар болған жоқ деп қамтамасыз ету үшін маңызды болып табылады. Сіз тиісінше, шағын желісі биіктігін істеп жатсаңыз, қаріпті азайту.

Бұл тым аз мәтін және сызықтар арасындағы шағын қашықтықты істеу ұсынылмайды. пайдаланушылардың ешқайсысы бері тыныш оны барлық оқи алмайтын боласыз. Ол тез шаршап көз. Іздеу жүйелері, сондай-ақ мәтіндік пайдаланушы достық екенін айтады.

Сонымен қатар, соңғы жылдары ұялы пайдаланушылар үшін қажеттілігі жөнінде күшті акцент бар. Онда ұсыныстар әрқашан қаріп өлшемі шағын, қалыпты емес болуы тиіс екенін атап көрсетті. Әсіресе қатты ол сілтемені әсер етеді. олардың шағын өлшемі пайдаланушы сайт шарлауын пайдалану қиын болады.

іздеу жүйесі «Google» талдау көмектеседі арнайы құрал болып табылады. Бұл Вебмастерге үшін өте ыңғайлы.

Мұнда болуы мүмкін нәтижелерін үлгісі болып табылады.

Ол осы критерийлер іздеу нәтижелерін әсер, өйткені осы кеңестерді қолдану ұсынылады.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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