Пятница, 2024 Декабрь 06, 00:21:58
5mw.ru
Приветствую Вас Гость | RSS
Главная Каталог статей Регистрация Вход
Меню сайта
заходите аналог или тут

Категории каталога
Мои статьи [842]
Уникальный материал
Секреты в контакте [23]
Секреты в контакте
Программы для контакта [15]
Программы для контакта
Секс [494]
sex

Мини-чат

Наш опрос
Какой раздел важней интересней?
Всего ответов: 17

Мы :)
[Добавь сайт](VIP)
Служба строительного надзора и экспертизы. Тел. 8 915-4949818

Это интересно

Наши баннеры

 

Главная » Статьи » Мои статьи

Урок 2. CSS шрифт, стиль и размер шрифта
  • Georgia, Times New Roman, serif
  • Arial, Helvetica, sans-serif
  • Courier New, Courier, monospace
  • Verdana, Geneva, sans-serif
  • Times New Roman, Times, serif
  1. Шрифт в CSS | Семейства шрифтов, примеры
  2. Шрифт в CSS | Изменяем вид и тип шрифта
  3. Тип CSS шрифта | Наклонный, жирный шрифт
  4. CSS шрифт | Определяем размер шрифта

CSS виды и семейства шрифтов:

font-family:Pезультат
Verdana, Geneva, sans-serifСемейство шрифтов без засечек
Arial, Helvetica, sans-serifСемейство шрифтов без засечек
'Times New Roman', Times, serifСемейство шрифтов с засечками
'Courier New', Courier, monospaceСемейство моноширинных шрифтов

Verdana, Geneva, sans-serif — семейство шрифтов без засечек:

E

Times New Roman, Times, serif — семейство шрифтов с засечками:

E

Courier New, Courier, monospace — семейство моноширинных шрифтов:

E

Еще пример форматирования:

<title>CSS шрифты и примеры их форматирования</title>
<style type="text/css">
p {
font-family:'Times New Roman', Times, serif;
font-weight:bold;
font-size:18px;
font-style:italic
}
</style>
</head>
<body>
<div>Обычный текст</div>
<p>
Текст жирный, размером 18 пикселей, наклонный, семейства Times New Roman
</p>
</body>

Результат: стиль шрифта, определенный с помощью CSS

В примере выше стилевые описания распространяются на параграфы данного документа. Атрибутfont-family: содержит три различных шрифта, одного семейства (с засечками). Указывать их можно в различном порядке, но будет применен первый или второй если браузер не сможет найти на компьютере пользователя установленный первый шрифт, или третий, если программа браузера не прочтет первые два. При написании кода, название, состоящее из нескольких слов выделяется кавычками, например, 'Times New Roman'.

Для web-сайтов рекомендуется применять шрифты без засечек, чтобы не затруднять чтение текста.

Шриф sans-serif является представителем семейства шрифтов без засечек. К нему относятсяVerdana, Geneva и другие. Если прописать код: font-family: sans-serif — программа браузера выберет на компьютере пользователя один из шрифтов без засечек, например,Verdana. Если обозначить: font-family: serif — будет выбран шрифт семейства с засечками, например, TimesCSS aтрибут со значением font-family: monospace — установит моноширинный шрифт, к примеру, Courier New.

CSS aтрибут font-family: определит, выбранный вами, вид шрифта. Можно установить свой шрифт, но нет ни какой гарантии, что он будет присутствовать на компьютере пользователя. Если его там не окажется, программа браузера не сможет правильно интерпретировать, указанный вами, шриф.

CSS наклонный и жирный шрифт

Определим наклонный шрифт:

CSS атрибут со значением style="font-style:italic" определяет наклонный шрифт.

Определим жирный шрифт:

CSS ключение style="font-weight:bold" определяет жирный шрифт.

Определим нормальный объем шрифта:

Строчка style="font-weight:300" преобразует жирный шрифт в обычный.

CSS размер шрифта

Пример с изменением размера:

<head>
<style type="text/css">
p {font-size:13px}
p.big {font-size:16px}
</style>
</head>
<p>Текстовая строка размером 13 пикселей.</p>
<p class="big">Текстовая строка размером 16 пикселей.</p>

Результат:

Текстовая строка размером 13 пикселей.

Текстовая строка размером 16 пикселей.

Категория: Мои статьи | Добавил: admin (2011 Июль 11) news
Просмотров: 451 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
Форма входа

Поиск

Друзья сайта

  • Наши партнеры
  • Рекомендуем посетить: заходим! :)

    Статистика
     
    Привет,Прохожий !
    00:21:58 || 2024 Декабрь 06
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Интересная загагулина
    Ух ты..... Девушки красотки
    Любовные СМС
    Попросили закурить и познакомились.
    Ad Muncher – избавься от рекламы навсегда!
    Восстановление работы диспетчера задач
    Sex - не повод для знакомства
    Готовые сайты - один из способов рекламы.
    Если бы программисты строили дома...
    Статусы «В Контакте» l О дружбе
    Чего хочет женщина?
    Как наладить гармонию в отношениях?
    КАК ВЫБРАТЬ КУПАЛЬНИК
    Утепление кровли в доме деревянном
    КАК ВЫБРАТЬ СУШИ
    Как выбрать сапоги
    Доступная недвижимость в Европе
    Как выбрать автокран?
    Как я попал на Мальдивы за 2000 рублей
    Как защитить реферат?
    Я люблю музыку
    Почему после 2 августа нельзя купаться

    Ваша реклама
    Здесь может находиться ваша реклама. Ссылка или банер. Обращаться в ICQ 310-481-985

    Copyright MyCorp © 2024