Всё для Web Дизайнера - CSS: назначение CSS, cпособы применения CSS,синтаксис, переопределение и наследование описаний, понятие блочного и строкового элемента, свойства блочных элементов(block или box), отступы(margin), набивка(padding), границы(border), обтекание(float,clear), цвет, цвет текста(color), цвет фона текста(background-color), шрифт(font), гарнитура(font-family), кегль(font-size), начертание(font-style,font-variant,font-weight), свойства текста, межбуквенные расстояния, выравнивание, трансформации(подчеркивание, прописные, строчные), первая строка параграфа, высота строки, списки и отображение элементов, форма "пулек", пульки"-картинки, позиционирование, координаты и размеры, управление видимостью,порядок наложения. Html, css, cgi, php, python, mysql, delphi, pascal, раскрутка сайта,  дизайн навигации, оптимизация страниц сайта, регистрация в поисковиках, шрифты, иконки, звуки, графика, картинки, обои для рабочего стола, Xak, Графика и анимация, Обои, Регистрационные ключи, лекарство для программ, взлом программ, взлом и интернет, хакеры, спам, вирусы, 3D Max, Corel Draw, Flash, Dreamweaver, назначение CSS, cпособы применения CSS,синтаксис, переопределение и наследование описаний, понятие блочного и строкового элемента, свойства блочных элементов(block или box), отступы(margin), набивка(padding), границы(border), обтекание(float,clear), цвет, цвет текста(color), цвет фона текста(background-color), шрифт(font), гарнитура(font-family), кегль(font-size), начертание(font-style,font-variant,font-weight), свойства текста, межбуквенные расстояния, выравнивание, трансформации(подчеркивание, прописные, строчные),
первая строка параграфа, высота строки, списки и отображение элементов, форма

Программирование
Web мастеру
3D Графика и анимация
Сетевая безопасность

Гостевая книга
Форум
Ссылки
Услуги

Rambler's Top100
TopCTO Компьютеры цены продажа


Компьютеры

Назад     Читать дальше
На главную страницу > > В раздел программирование > > В раздел CSS

Межбуквенные расстояния.

Расстояние между буквами автоматически регулируется размером шрифта - кеглем. Чем больше размер шрифта, тем больше расстояние между буквами:

Этот параграф набран увеличенным кеглем

А шрифт этого параграфа еще больше

Достаточно внимательно присмотреться, чтобы убедиться в том, что расстояния между буквами в слове "параграф" первого примера и буквами слова "параграфа" второго примера разные. Во втором случае они больше:

Моноширинный шрифт выбран не случайно. На пропорциональном шрифте межбуквенное расстояние зависит от начертания букв и показать его как расстояние между буквами достаточно сложно. У моношириннго шрифта "очко" символа фиксировано, поэтому и расстояние между буквами хорошо прослеживается.

Однако не всегда удобно управлять межбуквенным растоянием через кегль (font-size). Бывают случаи, когда строку нужно либо уплотнить, либо разрядить. Достигается это за счет атрибута letter-spacing:

<p style=
"font-family:monospace;
letter-spacing:10pt;
color:darkred">
Межбуквенное расстояние 10pt
</p>

Межбуквенное расстояние 10pt

<p style=
"font-family:monospace;
letter-spacing:20pt;
color:darkred">
Межбуквенное расстояние 20pt
</p>

Межбуквенное расстояние 20pt

В версиях NN 4.x этот параметр не поддерживается. Остается уповать только на font-size.

Назад     Читать дальше
На главную страницу > > В раздел программирование > > В раздел CSS

Hosted by uCoz