Как сделать сайт в программе Dreamweaver ?
Текст по центру.
#Какпоставитьтекстпоцентру , #поставитьтекстпоцентру , #текстпоцентру
Коды с данной страницы см.здесь - Тема Текст -№5 - Текст справа.
Новые шрифты для сайта – качаем отсюда!
Как поставить текст по центру!?
#Какпоставитьтекстпоцентру , #поставитьтекстпоцентру , #текстпоцентру ,
Мы, если есть несколько вариантов решения одной задачи, рассматриваем их всегда. И вопрос размещения текста по центру не исключение! Давайте разберём несколько варрантов:
- Самый простой – создадим абзац, к нему прикрепим свойство, отвечающее за положение текста по центру.
- Создадим стили css + класс, разместим на данной странице, и посмотрим пример текста, позиционированного посередине.
- Создадим новую страницу + файл css, в котором пропишем свойства текста посередине.
1.
На самом деле в первом варианте и объяснять то нечего!
Создаём абзац, в нем прописываем атрибут, ставим положение по центру!
Вот такая запись должна получиться:
<p align="center">Пример текста, который находится в абзаце с атрибутом align и положением посередине –center.</p>
Смотрим результат, как получился текст посередине:
Пример текста,
который находится в абзаце
с атрибутом align и
положением посередине – center.
Текст посередине через стили и классы.
Чтобы не создалось путаницы в голове, второй вариант надо расписать по пунктам!
Создадим стили и пропишем в нём класс, в котором поставим свойства класса для текста посередине.
Который мы назовём:
Tekst-po-tsentru
Перед классом стаем точку, что будет говорить, что это класс, перед классом ставим букву «Р», что будет говорить, что в абзаце, и в моём случае, добавляем ещё спереди #rightPan, что говорит, что все написанное находится в диве, который имеет такое название.( у вас естественно, этого дива не будет!!!)
Это будет выглядеть так:
<style type="text/css">
<!--
/* CSS Document */
#rightPan p.Tekst-po-tsentru{
text-align:center;
}
-->
</style>
Теперь напишем текст и к нему прикрепим этот класс.
<p class="Tekst-po-tsentru">Следующий текст имеет класс - Tekst-po-tsentru, который позиционирует данный текст посередине, который прописан в стилях, а стили поставлены на страницу!</p>
Следующий текст имеет класс - Tekst-po-tsentru,
который позиционирует данный текст посередине,
который прописан в стилях,
а стили поставлены на страницу!
Для того, чтобы посмотреть, как выглядят коды стилей и классов, нажимаем ctrl + U, Строчки № 21 и далее...
Как сделать текст посередине через css.
Мы добрались до третьего варианта размещения текста посередине.
Создадим новый файл html, и назовём его
Tekst-po-tsentru-Primer.html
Далее новый файл css, создадим внутри класс, в котором пропишем положение текста - посередине:
Tekst-po-tsentru-Primer.css
Смотрим на файл css.
Прикрепим данный файл css, к нашей новой странице.
Теперь пишем текст, прикрепляем к нему выше прописанный класс и смотрим на результат!
А теперь самое время развлечься!
Улучши поведенческий фактор на своём сайте!
Если понравится игра, то можно забрать код для своего сайта отсюда!