Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Урок 8. Оформление шрифта в CSS.

Автор: Андрей Краснокутский

Дата: 2009-04-15

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

Естественно для начала создаем новый стиль, назовем его для определенности p.new . Как Вы помните из первых уроков можно задать класс p - тогда у нас все что заключено в теги абзаца <p> </p> будет отображаться этим стилем, а можно создать класс p.new , тогда этот класс нужно будет прописывать тем обзацам, где мы хотим изменить внешний вид шрифта.

А теперь давайте разберемся с атрибутами шрифта и параметрами:

  • font-family: Verdana, Tahoma; - задает шрифт текста - в данном случае это шрифты Verdana и Tahoma;
  • monospase - без параметров - задает моноширинное начертание шрифта, как на печатной машинке, часто используется для написания различного кода на web-странице;
  • font-size: 12px; - задает размер шрифта в данном случае 12px;
  • font-variant: small-caps; - отображает все прописные (маленькие) буквы заглавными;
  • font-style: italic; - отображает текст курсивом;
  • font-weight: 700; - делает шрифт "Жирным" можно указать значение до 900;
  • font-weight: bold; - тоже что и преведущий параметр, обычно используют значение bold;

В сокращенном виде код написания стиля будет выглядить так:

Листинг 8.1.

p.new { font-family: Verdana, Tahoma; font-size: 12px; font-style: italic; font-weight: bold; }

Еще целесобразно добавить в этот код уже знакомый Вам параметр color: отбражающий цвет шрифта, например, если фоновый цвет на странице черный, то логичнее сделать цвет шрифта белым color: white; и наоборот, но это уже на Ваше усмотрение.

Просмотров: 6360


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Заработай в Интернете
и осуществи свою МЕЧТУ
"Как?"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT