Как сделать сайт в программе Dreamweaver ?
Как сделать отступ абзаца через CSS.
Коды с данной страницы см.здесь - Тема CSS, № 2- Как сделать отступ абзаца через CSS.
Новые шрифты для сайта – качаем отсюда!
Для чего вообще использовать отступ для нового абзаца!?
Если бы в книжке не было отступа абзаца, то вы бы испытывали некий дискомфорт. Вы бы почувствовали, что, чего-то не хватает! Поэтому и применят отступ для абзаца!
Отступ для абзаца прописывают через документ стилей css
Что такое text-indent
Нужно начать с вопроса, что такое
text-indent
. Это величина отступа первой строки абзаца(<p>). На другие строчки он не влияет! Величина text-indent может быть положительной и отрицательной! Измеряется в доступных величинах css.
Пример отступа абзаца
в 10 пикселей:
p { text-indent: 10px;}
Размер отступа, регулируйте цифровым значением, где поставлено 10px.
На этой странице вы видите реальное использования кода css для отступа на абзаце!
Ещё нужно обратить внимание на то, что часто, использование простого кода абзаца недостаочно для того, чтобы этоn отступ заработал!
К нему нужно применить тот класс, либо id, таблицы или дива, где располагается основной текст. !
В этом есть ещё смыл тот, что если вы ставите перед обозначением абзаца сласс или id, то у вас не возникнет конфликтов с другими шрифтами на странице!
Как это реализовано на этой странице:
#rightPan p{
color:#000000;
font-size: 17px;
letter-spacing: 0.08em;
font-family: "Times New Roman", Times, serif;
text-indent: 25px;
}
А теперь самое время развлечься!
Улучши поведенческий фактор на своём сайте!
Если понравится игра, то можно забрать код для своего сайта отсюда!