Користење на текстуалните имоти и селектираните селектори
Добар веб дизајн е често за добра типографија. Бидејќи содржината на една веб-страница е претставена како текст, може да стимулира тој текст да биде и атрактивен и ефективен е важна вештина за поседување како веб-дизајнер. За жал, ние немаме исто ниво на типографска контрола на интернет што го правиме во печатена форма. Ова значи дека не можеме секогаш сигурно стил текст на веб-страница на ист начин како што би можеле да го сториме во печатено дело.
Еден заеднички стил на став кој често го гледате во отпечаток (и кој можеме да го рекреираме онлајн) е местото каде што првата линија од тој став е вовлечена во еден таб простор . Ова им овозможува на читателите да видат каде започнува еден став, а друг завршува.
Вие не го гледате овој визуелен стил толку многу на веб-страниците, бидејќи прелистувачите, по дифолт, прикажуваат ставови со простор под нив како начин да покажат каде се завршува, а друг почнува, но ако сакате да напишете страната за да ја печатите- инспириран стил на отстапување на ставовите, можете да го направите со сопственост на стилот на текст-внесување .
Синтаксата за овој имот е едноставна. Еве како ќе додадете текст-алинеја на сите ставки во документот.
p {текст-алинеја: 2em; }Прилагодување на алиштата
Еден начин на кој можете точно да ги одредите параграфите до алинејата, можете да додадете класа на параграфите што сакате да ги внесете, но тоа бара да го уредувате секој параграф за да додадете класа на неа. Тоа е неефикасно и не ги следи најдобрите практики на HTML кодирање .
Наместо тоа, треба да размислите кога ќе ги одредат ставовите. Вие ги вметнувате ставовите кои директно следат друг став. За да го направите ова, можете да го користите соседниот селектор на брат или сестра. Со овој селектор, го избирате секој став кој веднаш му претходи на друг став.
p + p {текст-алинеја: 2em; }Бидејќи ја внесувате првата линија, исто така треба да бидете сигурни дека вашите пасуси немаат дополнителен простор меѓу нив (што е стандардниот прелистувач). Стилистички, треба да имате простор меѓу параграфите или алинејата на првата линија, но не и двете.
p (маргина-дното: 0; долен крај: 0; } p + p {маргина-врвот: 0; додаток-врв: 0; }Негативни индиции
Исто така можете да го користите својството на текст-алимент , заедно со негативна вредност, за да го предизвикате почетокот на линијата да оди налево, за разлика од десната страна како нормална замисла. Ова може да го направите ако линијата започнува со знак за наводници така што карактерот на цитати ќе се појави во мала маргина лево од пасусот и самите букви сеуште претставуваат убаво лево усогласување.
Да речеме, на пример, дека имате став кој е потомок на блокнот и сакате да биде негативно вовлечен. Можете да го напишете овој CSS:
blockquote p {text-indent: -.5em; }Ова ќе го даде почетокот на ставот, кој веројатно вклучува карактер на отворен цитат, за да биде малку поместен кон лево за да создаде обесена интерпункција.
Во врска со маргините и облогата
Честопати во веб-дизајнот, користите маргини или додатоци за да ги поместите елементите и да создадете бел простор. Сепак, овие својства нема да успеат да го постигнат ефектот на паралелниот став. Ако примените една од овие вредности на став, целиот текст од тој став, вклучувајќи ја и секоја линија, ќе биде поместен наместо само првата линија.