ЦСС размак линија: решења
Врло често, почетнички дизајнери имају проблема у овладавању каскадним стилским листовима (ЦСС). Нема изузетка лине спацинг ин ЦСС. Размак између редова је удаљеност између линија вертикално. Као иу обичном Мицрософт Ворд документу, овај параметар се може промијенити иу тексту хтмл датотеке.
Користите висину линије када мењате размак
Прво и најефикасније решење проблема у интервалима би било да се постави вредност својства лине-хеигхт. Подразумевано, вредност овог својства је нормална (лине-хеигхт: нормал;). Размак између редова израчунава аутоматски сам Интернет претраживач и овиси, посебно, о врсти фонта, као ио његовој величини. Било која позитивна нумеричка вредност која ће бити постављена у својству стила лине-хеигхт биће прегледана од стране претраживача као број којим се величина тренутног фонта мора множити.
У ЦСС-у, размак између редова може бити наведен у различитим јединицама дужине: тачке (пт), инчи (ин), пиксели (пк) и проценти (%). Проценат се израчунава у односу на тренутни фонт, а по дефаулту његова вредност је 100%. Не заборавите да својство лине-хеигхт позајмљује вредност својства инхерит из његовог родитељског елемента.
Ево неколико примера како повећати проред у ЦСС-у:
.
Процес рада са проредом је врло једноставан. Требало би да имате основно знање о ЦСС-у и могућност да повежете датотеку са главном хтмл страницом. Стилове можете поставити и директно на хтмл страници:
Да бисте направили половину интервала у овој реченици, морате додати сљедећи код у ЦСС датотеци:
п.строка {
лине-хеигхт: 1.5;
}
Да бисте направили дупли интервал, можете написати следећи код:
п.строка {
лине-хеигхт: 2;
}
или
п.строка {
висина линије: 200%;
}
У оба случаја, претраживач ће схватити да морате помножити тренутни фонт са 2. Ова вредност ће бити размак између редова.
Сада дајемо пример како смањити проред (ЦСС):
Важно је запамтити да се негативна вредност висине линије једноставно не уочава, тако да њена минимална вредност може бити 0. Да бисте добили половину интервала, морате написати следећи код:
п.лине {
лине-хеигхт: 0.5;
}
или
п.лине {
висина линије: 50%;
}
или
п.лине {
лине-хеигхт: 2;
}
или
п.лине {
лине-хеигхт: 0.5пт;
}
Све три опције су исправне и усклађене са свим В3Ц стандардима, односно, радит ће у било којој верзији претраживача.
Користите паддинг када мењате размак
Међутим, поред промене својства лине-хеигхт, постоји још један начин да се промени размак између редова у ЦСС-у, то ће бити „игра“ са вредностима својства паддинг-а. Својство стила паддинг је одговорно за увлачење у било којем хтмл објекту. По подразумеваној вредности, ово својство је 0. Избором различитих вредности можете променити размак између редова, на пример:
.
Рад са проредом је једноставан. Довољно је познавати основе ЦСС-а и моћи повезати датотеку са главном хтмл страницом. Можете га поставити и директно на страници са хтмл екстензијом.
Да бисте повећали размак између редова, повећајте вредност својства:
п.сецонд {
паддинг: 10пк;
}
Дакле, удаљеност између редова у нашем параграфу ће бити повећана за 10 пиксела у односу на почетни. Са истим успехом могуће је смањити размак линија, прописујући на пример:
п.сецонд {
паддинг: 0пк;
}
Негативан размак између линија
Ако приметите, такође није дозвољено уносити негативне вредности тако да се низови не преклапају. У ЦСС-у, размак линија не може бити негативан. Што се тиче придржавања правила писања кода и В3Ц стандарда, никада не можете написати негативне вриједности у размацима између редова.
Промена размака између редова у листама
Понекад постоји задатак да се промени размак између редова у листама.
- и
- . Претходне методе неће довести до жељеног резултата, али постоји једна особина која може да промени интервал у листи - ово својство је маргина. Ово својство стила може бити позитивно или негативно. Дозволите нам да прикажемо промену у размаку редова у листи на пример
Да бисте повећали увлачење, морате да напишете следеће ретке у ЦСС датотеци:
ул ли {
маргин-топ: 10пк;
}
Тако смо назначили да је удаљеност од сваке ставке листе повећана за 10 пиксела. И у овом случају могуће је и негативна вредност. Тако можемо поставити: - маргин-топ: -15пк.