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

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

Мини-чат

Наш опрос
Кто сексуальней ???
Всего ответов: 113

Мы :)
[Добавь сайт](VIP)
Муж порвал уздечку

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

Наши баннеры

 

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

Урок 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
Просмотров: 453 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
Форма входа

Поиск

Друзья сайта

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

    Статистика
     
    Привет,Прохожий !
    17:02:28 || 2024 Декабрь 23
    Онлайн всего: 23
    Гостей: 23
    Пользователей: 0

    Интересная загагулина
    Ух ты..... Девушки красотки
    Качественный бесплатный хостинг с PHP и MySQL на выгодных условиях
    Сабвуфер and http://ru.wikipedia.org
    О жизни и этом бренном существовании.. Кому что больше по душе и телу.
    СМС студенту
    Смешные истории про медиков и больницу
    Модификация меню
    FlashGet : качаем файлы из интернета часть II
    Эротическая история "электронная любовь"
    Как сделать так, чтобы девушка сама за вами бегала?
    Графология и психология
    Доступная недвижимость в Европе
    Как выбрать правильно глубинный вибратор?
    Как сравнивать цены на строительство домов у застройщиков?
    Как защитить реферат?
    Перфорированный крепёж статейка
    Как говорить с младенцем
    Какие бывают изоляторы
    Взял кредит под залог автомобиля
    Я люблю музыку
    Сварка труб пнд советы своими руками

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

    Copyright MyCorp © 2024