Начин на који су прегледачи обрађивали размаке у почетку није баш интуитиван, поготово ако упоредите како језик за означавање хипертекста обрађује размаке у односу на програме за обраду текста. У софтверу за обраду текста можете додати пуно размака или табулатора у документ и тај размак ће се одразити на приказу садржаја документа. Овај ВИСИВИГ дизајн није случај са ХТМЛ-ом или са веб-страницама.
Размак у штампи
У софтверу за обраду текста, три основна размака су знак свемир, таб, и превоз Повратак. Сваки од ових знакова делује на различит начин, али у ХТМЛ-у прегледачи их чине у основи једнаким. Без обзира да ли у свој простор смештате један или 100 простора ХТМЛ маркуп или помијешајте размак с табулаторима и враћањима колица, све ће се то сажети на један простор када страница генерира претраживач. У терминологији веб дизајна, ово је познато као колапс белог простора. Не можете да користите ове типичне тастере за размак да бисте додали размаке на веб страници, јер прегледач понавља поновљене размаке у само један простор када се прикажу у прегледачу,
Коришћење ЦСС-а за креирање ХТМЛ табова и размака
Веб странице се данас граде са одвајањем структуре и стила. Структуром странице управља ХТМЛ, док стил диктирају каскадни табеле стилова. Да бисте креирали размак или постигли одређени распоред, окрените се ЦСС-у уместо да додајете размаке у ХТМЛ код.
Ако покушавате да користите картице да бисте креирали колоне текста, уместо тога користите
Ако су подаци које излажете табеларни, користите табеле да бисте те податке поравнали како желите. Табеле често имају лошу репутацију у веб дизајну јер су их толико година злоупотребљавани као чисти алати за постављање, али табеле су и даље савршено важеће ако ваш садржај садржи истински табеларне податке.
Маргине, облоге и увлачење текста
Најчешћи начини за стварање размака са ЦСС-ом је коришћење једног од следећих ЦСС стилова:
- маржа
- паддинг
- увлачење текста
На пример, увуците први ред пасуса попут картице са следећим ЦСС-ом (имајте на уму да ово подразумева да ваш пасус има атрибут класе „фирст“):
п.фирст {
увлачење текста: 5ем;
}
Овај одломак увлачи око пет знакова.
Користите маргине или својства додавања у ЦСС за додавање размака на врх, дно, лево или десно (или комбинације тих страница) елемента. Постигните било какав размак потребан окретањем ЦСС-у.
Премештање текста више од једног простора без ЦСС-а
Ако је све што желите да ваш текст буде премештен за више од једног простора од претходне ставке, користите размак који се не прекида.
Да бисте користили непрекидни простор, додајте онолико пута колико вам је потребно у вашем ХТМЛ означавању.
ХТМЛ поштује ове непрекидне просторе и неће их сажети у један простор. Међутим, овај приступ се сматра лошом праксом, јер додаје додатне ХТМЛ ознаке у документ само да би се постигле потребе за изгледом. Када је то изводљиво, избегавајте додавање размака који се не ломе само да бисте постигли жељени ефекат изгледа и употребу ЦСС маргине и додаци уместо тога.