Основы CSS. Всё о шрифтах и тексте.

Исходный пост: http://blogfor.mypage.ru/css-oformlenie-voprosi-i-soveti/osnovi_css.html

Основы CSS. Всё о шрифтах и тексте.

Ну что ж, раз никто не хочет говорить, что же конкретно не понятно/интересно, то будем обо всём по чуть-чуть.

 



ВНИМАНИЕ! Не забывайте пожалуйста оставлять комментарии. Если комментарии отсутствуют, значит интереса к данной теме нет, а если нет интереса то и постов тоже нет. Думаю взаимосвязь логична и понятна)

 



Итак, чтобы понять что и куда нужно вставлять и что где изменять, вам нужно будет посмотреть полный разбор CSS кода для МП — там всё написано максимально подробно и понятно. Ну а теперь о самих шрифтах.

Весь текст и все манипуляции с ним  прписываются к одному единственному слову FONT. Изменения могут быть разнообразными, но все они заисываются в одну строчку:

font:  font-style    font-variant   font-weight  font-size  font-family;  где:

  — font-style это начертание шрифта:

         normal   — Обычное начертание текста

         italic   —  Курсивное начертание

         oblique   —  Наклонное начертание


  — font-variant  это   написание шрифта: обычное или капителью (когда все буквы — прописные) 

          normal   —  Оставляет регистр символов исходным, заданным по умолчанию

          small-caps   —  Модифицирует все строчные символы как заглавные уменьшенного размера

 

 — font-weight  это насыщенность шрифта. Можно прописать готовые значения или подобрать самому, указав числовое значение:

           bold — полужирное начертание

           bolder — жирное начертание

           lighter — светлое начертание

           normal — нормальное начертание

           или значение от 100 до 900

 

  — font-size это непосредственно размер шрифта, измеряется в пикселях и пишется следующим образом:

            Npx,  где N  это число

 

  — font-family  это сам шрифт, его название. Названия и примеры пожно найти например здесь или здесь .

 

Таким образом наша строчка может выглядеть таким образом:

  font: italic   normal   normal  15px  Arial;

курсивный, обычным шрифтом, нежирным, пятнадцатым размером шрифта Arial.

Также можно сделать все манипуляции онлайн и взять уже готовый код на этом сайте.

 

 А теперь поговорим о тексте,  астройки которого приписываются к TEXT.

 

 Выравнивание текста обозначается свойством и выглядит  так:

text-align: center | justify | left | right 

                 center   —  Выравнивание текста по центру

                 justify   —  Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю

                 left   —  Выравнивание текста по левому краю

                 right   —  Выравнивание текста по правому краю

 

 Оформление текста обозначается следующим образом:

 text-decoration: blink | line-through | overline | underline 

                blink   —  Устанавливает мигающий текст

                line-through   —  Создает перечеркнутый текст

                overline   —  Линия проходит над текстом

                underline   —  Устанавливает подчеркнутый текст

                none   —  Отменяет все эффекты

 

Отступ первой строки текста обозначается так:

 text-indent:  N%,   где вместо N указывается число. Пример:

 

 

 Вот и всё, что я хотела сказать по шрифтам. Если есть вопросы — задавайте, если есть пожелания по теме следующего поста о CSS  - пишите.

 

P.S. примеры и информация взяты с htmlbook.ru

развернуть
Обсудить у себя 1
Комментарии (0)
Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети:

Jeni
Jeni
Была на сайте никогда
Родилась: 24 Июля
Читателей: 39 Опыт: 0 Карма: 1
Я в клубах
Новичкам MyPage.Ru Пользователь клуба
Служба помощи MyPage.Ru Пользователь клуба
CSS | Design Пользователь клуба
interesting korean dramas Пользователь клуба
Jang Keun Suk♔ Prince World♔ Модератор клуба
ВСЁ ПРО ШАРАРАМ!!! Пользователь клуба
So Ji Sub Администратор клуба
htmlka.com — помощь блогеру