-Цитатник

Красота природы - (6)

__августовский закат___ Что может быть прекрасней закатов в августе свето-представление&nb...

Дожди - (0)

Лето началось с дождей На улице отвратительная погода... А я забыл зонтик в другом городе, а п...

Правда про Христианство из уст батюшки. - (0)

Откровение священника. ЖЕСТЬ!!!          А ведь в чём-то он пр...

Про сутулость - (0)

Сутулость - как исправить. Упражнения для исправления сутулости

Еще пара анекдотов. - (3)

Анекдоты   В 2012 году, Медведев не столько перестанет быть президентом, сколько продо...

 -Поиск по дневнику

Поиск сообщений в avia-free

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.08.2011
Записей:
Комментариев:
Написано: 5907


Работа с текстом в CSS

Пятница, 15 Января 2016 г. 18:35 + в цитатник

У меня на блоге уже несколько постов было посвящено вопросам технологии CSS, применяемой при разработке сайтов:

В это посту я опишу работу с текстом в CSS. Основной учебный материал по работе с текстом в CSS вы найдёте тут: http://komotoz.ru/uroki/css/rabota_s_tekstom.php, а в этой заметке я лишь укажу какие эффекты можно создавать с использованием таблиц стилей CSS.

Для примера я буду использовать встраивание правил CSS в теги HTML.

Начнём с того, что при помощи CSS можно задать шрифт текста.

Вот пример с изменённым текстом.

Хм. В редакторе не работает, надеюсь после сохранения отобразиться в окне браузера нормально.

При помощи CSS можно наклонить текст.

Вот пример текста, наклон которого задан правилом CSS.

Некоторые читатели могут сказать, что такие действия можно проделать и с помощью простых HTML тегов. Это конечно верно, но технология CSS даёт нам большие преимущества, если понимать принципы её использования. Так, можно создать класс в таблице CSS и оформлять какой-то элемент на сайте используя его, например ссылки в тексте статей. При желании можно изменить только одно правило в файле CSS, и так изменится стиль отображения всех ссылок на сайте с этим классом. А используя теги такой эффект получить нельзя, придётся вручную всё переделывать.

Продолжим изучение возможностей CSS. Следующее правило позволяет нам выводить текст капителью. Это такой тип шрифта, когда прописные маленькие буквы имеют вид уменьшенных заглавных букв.

Вот текст написанных капителью.

Теги HTML такого вообще не позволяют сделать, а в CSS для этого есть правило font-variant.

При помощи правила font-weight можно выделить текст жирным. Вот эту часть я именно так и выделю. Это действие чаще проще сделать тегом, но если вы залезете в код этого документа, то поймёте что тегов B в данном форматировании я не использовал.

При помощи правила font-size можно менять размер текста. Можно задать абсолютное значение в пикселах например, а можно относительное в процентах. Давайте сейчас слово увеличу до 200% по отношению к родительскому значению. Иногда такое правило очень удобно использовать для выделения первого абзаца статьи, или для оформления цитат.

На этом всё. Больше про работу с текстом при помощи CSS читайте по ссылке в начале статьи.

 

Рубрики:  Программирование/CSS
Метки:  



 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку