Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
CSS-указания в отдельном теге
Этот код отобразит первые два заголовка черным цветом, а последний — красным. <HTML><HEAD><TITLE>Пример 2</TITLE> </HEAD><BODY bgcolor=white text=black> <H1>Заголовок 1</H1><H2>Заголовок 2</H2><H3 style="color:red"> Заголовок 3 </H3> </BODY></HTML> CSS-указания в CSS-файле Файл prim.сss содержит: H1,H2,H3{ color: green;} Тогда HTML-файл с использованием этого файла имеет сл. вид. <HTML><HEAD><!-- Подключение файла prim.css. - - > <LINK rel=stylesheet type="text/css" href-prim.css> <STYLE type="text/css"><!-- H1,H2,H3 { color: blue; } --> </STYLE><TITLE>Пример 4</TITLE> </HEAD><BODY bgcolor=white text=black> <H1>Заголовок 1</H1><H2>Заголовок 2</H2> <H3 style="color:red">Заголовок 3</H3> </BODY> </HTML>
Свойства CSS по работе с изменением цветов, шрифтами и текстом. Пример использования. Шрифт font-family Это стилевое свойство задает название гарнитуры шрифта (например, Arial) или родовое имя: serif – шрифт с засечками (серифный); sans-serif – шрифт без засечек (рубленый); monospace – моноширинный шрифт (символы имеют одинаковую ширину). Гарнитура — это набор начертаний символов одного шрифта. Этот набор может включать в себя прямое и курсивное начертание, различаться по степени жирности (толщине штрихов), ширине литер (сжатые,нормальные, растянутые) и кеглю. Шрифты подразделяются на серифные (с засечками) и рубленые (без засечек). Пример шрифта с засечками — гарнитура Times, без засечек — Helvetica. Серифные шрифты посредством засечек (серифов) в нижней части литер улучшают читаемость документа. Нижние серифы создают впечатление слитности написания слова, объединяя соседние буквы. Рубленые шрифты, в отличие от серифных, имеют гладкие края букв и не имеют завитков. Серифные шрифты используют для записи основного текста, а рубленые —для заголовков или мелких подписей или надписей. Существует еще одно деление шрифтов на два класса: пропорциональные шрифты и моноширинные. Моноширинные шрифты имитируют литеры пишущих машинок и первых матричных принтеров. В этих шрифтах ширина всех литер одинакова. Именно таким шрифтом браузер выводит текст на экран при использовании тегов <PRE>, <CODE>, <ТТ>, <SAMP>, <KBD>. Обычные же тексты браузер выводит пропорциональным шрифтом. В пропорциональных шрифтах каждая буква занимает столько места, сколько ей действительно нужно.
Текст, записанный пропорциональным шрифтом, более комфортен для чтения, чем текст, записанный шрифтом моноширинным. Пропорциональные шрифты используют для основного текста, а моноширинные — для специальных выделений. Гарнитуры Times и Helvetica — пропорциональные. К моноширинным шрифтам относится гарнитура Courier. Любая графическая операционная система имеет три набора стандартных гарнитур, для Windows это: TimesRoman — серифный шрифт; Courier — моноширинный шрифт. При помощи свойства font-family можно указать не один, а несколько шрифтов через запятые в порядке предпочтения: Н1,Н2,Н3,Н4,Н5,Н6 { font-family:"Arial Cyr", Geneva, Helvetica, sans-serif; } Сначала браузер будет пытаться найти шрифт ArialCyr, затем Geneva, потом Helvetica и, наконец, в случае полной неудачи, какой-нибудь рубленый шрифт (указание sans-serif). Font-size Свойство font-size используется для задания абсолютного или относительного размера текущего шрифта.В качестве относительного размера используется процентное задание (по отношению к размеру текущего шрифта) или ключевые слова: larger – крупнее; Smaller – мельче. В качестве абсолютного размера используется указание числа с одной из следующих единиц измерения: in, cm, mm, px, pt, pc. Color Определяет цвет текста элемента (шрифта). Пример цвета: <HTML> <HEAD> <!-- Подключение свойств CSS --> <STYLE type="text/css"> <!--P { font-family: "Arial Cyr",Helvetica,sans-serif; font-size: 0.5cm; color: blue; background-color:yellow;} --> </STYLE> <TITLE>Пример 4</TITLE> </HEAD>
Свойства CSS по работе с полями и рамками. Пример использования.
|
|||||
Последнее изменение этой страницы: 2017-02-10; просмотров: 164; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.220.140.5 (0.006 с.) |