Форматируем текст, красивое оформление |
Здравствуйте, гость ( Вход | Регистрация )
Все ссылки на сторонние ресурсы, за исключением офсайтов программ, должны оформляться с помошью тега скрытого текста - [hide=1]Ссылка[/hide]
Форматируем текст, красивое оформление |
Ann |
25.02.2011 - 11:09
Сообщение
#1
|
Группа: VIP Сообщений: 906 Регистрация: 1.12.2002 Пользователь №: 3212 |
Тут рассматриваем варианты форматирования текста - рецепты, тонкости, секреты :)
Как правило в тексте бывает "красная строка". Как ее сделать? Простейший способ - поставить в начале строки несколько пробелов Код Но правильнее использовать свойство text-indent, задающее отступ первой строки блока. Например, прописываем для тега: Код p { text-indent: 20px; } В дальнейшем все абзацы, вложенные в этот тег будут начинаться с красной строки. --------------------------- Делаем подзаголовок Используем свойство :first-line - оно задает стиль первой строки текста Код P:first-line { color: #009966; font-style: italic; font-weight: bold; } |
Ann |
25.02.2011 - 11:21
Сообщение
#2
|
Группа: VIP Сообщений: 906 Регистрация: 1.12.2002 Пользователь №: 3212 |
Междустрочный интервал - задаем свойством line-height - указываем его размер :)
1.5 интервала, 2 интервала и т.д. Код p { line-height: 1.5; } Между абзацами по умолчанию большой отступ. Уменьшить его можно с помощью свойства margin-bottom, дав ему ему отрицательное значение. Код p { margin-bottom: -10px; } |
Ann |
25.02.2011 - 18:27
Сообщение
#3
|
Группа: VIP Сообщений: 906 Регистрация: 1.12.2002 Пользователь №: 3212 |
|
Ann |
25.02.2011 - 19:10
Сообщение
#4
|
Группа: VIP Сообщений: 906 Регистрация: 1.12.2002 Пользователь №: 3212 |
Создаем буквицу
используем для этого - :first-letter, который определяет стиль первой буквы в тексте задаем стили, в том числе картинку - подложку под заглавную букву в красной строке. например так: Код p:first-letter { background: url(2.jpg) no-repeat; color: #009966; font-size: 600%; margin-right: 5; float: left } в результате получим примерно следущее |
Реклама
|
|
|
|
|
|
Текстовая версия | Сейчас: 18.04.2024 - 15:04 |
|