Сегодня наконец будет рассмотрена одна из замечательнейших разделов построения веб-страниц: "Каскадные таблицы стилей CSS. Часть 3. Параметры шрифтов".
А также, для тех кто пропустил предыдущий выпуск, размещаю статью "Как создать блог Легко и Быстро?" и подарок от известного веб-дизайнера Евгения Шаповалова. Хотите создать блог Легко и Быстро? Тогда этот подарок для Вас! Материал интересный. Кроме того, уже прямо сейчас вы сможете его получить! Ссылка и описание будут размещены в статье № 1 этого выпуска.
Наслаждайтесь прочитанным и увиденным!
Внимание: Переходите по ссылкам, не обращая внимания на предварительный запрос сервиса Рассылки@mail.ru. Это всего лишь добрая забота о нас с вами, что бы мы не попадали куда не следует. В данном случае, смело подтверждайте запрос на соединение и еще смелее заходите на сайт. Проверено!
Располагайтесь, будьте как дома!
Обо всех пожеланиях и предложениях пишите мне на адрес: valg1@mail.ru
Читайте в свежем выпуске:
Статья 1. Хотите создать блог Легко и Быстро? Тогда этот подарок для Вас!
Статья 2 Каскадные таблицы стилей CSS. Часть 3. Параметры шрифтов.
Статья 2
Каскадные таблицы стилей CSS. Часть 3. Параметры шрифтов
Странички с одним шрифтом выглядят не наглядно, поэтому вебмастера выделяют наиболее значимые куски текста шрифтом или цветом. Как выделять цветом мы уже научились, а вот научиться выделять текст различными шрифтами, размером и начертанием мы сейчас научимся. | | |
Давайте по порядку разберемся с заданием каждого параметра шрифта. Первым и наиболее важным параметром для любого шрифта является его размер. Размер шрифта в CSS задается параметром font-size. Этот параметр может задаваться несколькими способами. Первый способ это задание абсолютного размера букв шрифта, он указывается в пикселах, при этом к числу надо приписывать слово pt, хотя если ничего нет, то браузер воспринимает обычные числа, как количество пикселов. Например:
Р { font-size: 15pt; }
В { font-size: 15; }
В данном примере оба элемента будут отображаться размером в 15 пикселов.
Как Вы знаете браузер имеет внутри таблицу стандартных размеров шрифтов, т.е. тех размеров, которые задаются атрибутом size в тэге <FONT>. Для установки этих семи стандартных значений можно пользоваться встроенными названиями. Их тоже семь: xx-small, x-small, small, medium, large, x-large, xx-large. Наверно понятно, что xx-small соответствует размеру 1, а xx-large самому большому 7.
Вторым способом задания размера является относительный размер. Для увеличения размера используется значение larger, а для уменьшения smaller. Эти выражения имеют такой же смысл, как и стандартные способы задания размера шрифта size=+1 или size=-1. Естественно, что в данном случае Вы будете иметь только семь значений размера шрифта. Если Вы хотите получить иной более точный размер, то его можно задать в процентной форме или с добавлением к числовому выражению суффикса em или ex:
Р { font-size: xx-large; }
Р { font-size: 1.5em; }
Р { font-size: 150%; }
Р { font-size: 3ex; }
Обратите внимание, что суффиксы em и ex имеют разные результаты. Суффикс em действует от текущего размера шрифта, а размер заданный через ex считается относительным от единичного размера шрифта, т.е. от size=1. Поэтому не путайте буквы.
Следующим характерным для шрифта параметром является его жирность или если по-умному, то вес. Задается вес параметром font-weight. Для него существует 9 стандартных значений жирности от 100 до 900, т.е. 100, 200, 300... Некоторым из этих значений присвоены свои имена. Например, шрифт с нормальным весом 400 может обозначаться словом normal, и соответственно жирный весом в 700 через bold. Также здесь, как и везде, характерен способ задания относительной жирности. Чтобы повысить жирность шрифта используется слово bolder, а для понижения lighter.
Какой параметр шрифта после всего этого нам надо будет задать ? Конечно же, его стиль начертания или по научному гарнитуру. Задается параметром font-family. Значением этого параметра может служить точное название выбранного вами шрифта, например, Times New Roman или Arial. Но мы уже с Вами говорили сто раз, что на разных платформах может не существовать таких шрифтов, поэтому разработчики CSS поступили умно и позволили задавать не просто названия шрифтов, но и целые семейства подобных по стилю начертания шрифтов. Для обозначения этих семейств ввели несколько стандартных значений: serif, sans-serif, cursive, fantasy, monosраce. При подборе шрифта пробуйте пользоваться названиями этих семейств.
Р { font-family: "Times New Roman", serif ; }
Шрифт, как мы все понимаем, может изображаться двумя способами: нормально и наклонно, т.е. курсивом. Поэтому для этого существует параметр font-style, который может иметь два значения normal и italic или oblique. Последние два значения для браузера считаются идентичными. Также существуют шрифты, в которых прописные буквы и строчные изображаются идентично, но разным размером или небольшими отличиями в пропорциях. Так вот, чтобы сказать браузеру о такой своей прихоти Вы можете использовать параметр font-variant со значением small-caps. При этом браузер все строчные буквы будет заменять на заглавные и по теории менять их размер, по умолчанию же этот параметр равен normal и лучше его таким и оставлять.
А теперь, как уже многие могли догадываться, существует способ задания всех этих параметров шрифта разом. Это обеспечивает параметр font и в нем задаются все выше перечисленные параметры шрифта через пробел в любой последовательности:
Р { font: bold italic x-large Arial, serif; }
Р { font: normal small-caps 120% fantasy; }
Конец статьи
.:Опрос читателей:.
Пожалуй, опрос пока продолжу, так как количество подписчиков растет каждый день и давно исчисляется 4-х значным числом, а пока просто подведу итоги.
Кто еще не писал - пишите.
Итоги:
90 % читателей - рассылка нравится, материал доступен для чтения.
9% - можно кое-что улучшить, надо бы почаще и больше писать о Веб-дизайне.
1% - более менее сойдет.
Ну что же, в целом показатели не плохие. Спасибо уважаемые читатели рассылки!
Опрос:
1.Как и каким образом, вы подписались на эту рассылку и (или) нашли ее (посоветовал друг, реклама в интернете, служба рассылки Mail.ru или другое) ?
2.Устраивает ли вас материал и доступен ли он вам для прочтения?
3.Для подписчиков, получающих рассылку в виде HTML - виден ли вам материал для удобного для вас чтения и что нужно улучшить?
4.Для подписчиков, получающих рассылку в виде Текста - виден ли вам материал для удобного для вас чтения и что нужно улучшить?
Заранее благодарю вас за ответы и тех, кто уже прислал их и напоминаю вам адрес для писем : valg1@mail.ru
Спасибо.
Комментариев нет:
Отправить комментарий