Пласманот на предмети на веб страница е од суштинско значење за неговиот севкупен дизајн. Иако постојат и други начини да се влијае врз изгледот, како што е употребата на табели ( што не препорачуваме ), најдобро е да се користи CSS .
Подолу, ќе разгледаме како да користиме едноставен стил на CSS стил во линија за да ги усогласиме сликите, табелите, параграфите и друго.
Забелешка: Истите методи можат да се користат и на надворешни стилски листови, но бидејќи тие се однесуваат на поединечни ставки и најверојатно треба да останат на тој начин, најдобро е да се користи стил во стилот како што е наведено подолу.
Израмни статии на текстот
Тежината на пасусот е првото место што треба да започне во поставувањето на вашата веб-страница. Таблиите за отворање и затворање изгледа вака:
Стандардното усогласување на текстот во став е на левата страна на страницата, но исто така можете да ги усогласите вашите пасуси десно и центрирано.
Користењето на својството float ви овозможува да ги усогласувате ставовите од десно или лево од родителскиот елемент. Сите други елементи внатре во елементот родител ќе течат околу пловечкиот елемент.
За да добиете најдобар ефект со став, најдобро е да поставите ширина на ставот што е помал од елементот контејнер (родител).
Порамни ги текстовите внатре во пасусите
Веројатно, најинтересната усогласеност за текстот на пасусот е "оправда", што му кажува на прелистувачот за прикажување на усогласениот текст, во суштина, и на десната и левата страна на прозорецот.
За да го оправдате текстот во став, вие би користеле сопственост на текстот.
Можете исто така да го усогласите целиот текст внатре во став на десната страна или лево (стандардно), со користење на сопственоста на текстот.
Текстот-усогласување на својство ќе го усогласи текстот внатре во елементот. Технички, не треба да се усогласат сликите кои се содржани во пасусот или другиот елемент, но повеќето прелистувачи ги третираат сликите како вградени за овој имот.
Порамнување на слики
Користење на својството на float на ознака за слики можете да го дефинирате поставувањето на слики на страницата и како ќе се навикне текстот околу нив.
Исто како и горните ставови, својството на float во сликата ќе ја позиционира вашата слика на страната и му кажува на прелистувачот како да проследува текст и други елементи околу сликата.
Текстот што следи по горната ознака на сликата ќе се движи околу сликата надесно како што сликата ќе се прикаже лево од екранот.
Ако сакам текстот да престане да се преклопува околу сликата, го користам јасното својство:
Усогласување на повеќе од ставовите
Меѓутоа, што ако сакате да ги усогласите повеќе од само став или слика? Вие едноставно би можеле да поставите својство на стил во секој параграф, но постои таг што можете да го користите што е поефективно:
Едноставно опкружувајте го текстот и сликите (вклучувајќи ги HTML таговите ) со ознаката и со својството на стил (плови или текстуални порамнувања) и сè во таа поделба ќе се усогласи како сакате.
Имајте на ум дека пораките додадени на ставовите или сликите во рамките на поделбата ќе бидат почестени, надминувајќи ја ознаката.