русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Форматирование шрифта


Дата добавления: 2013-12-23; просмотров: 1061; Нарушение авторских прав


Единицы измерения

Лекция № 2

Псевдостили гиперссылок

Псевдостили

Внесение таблицы стилей в отдельный файл

Таблицу стилей можно вынести в отдельный файл. Файл с таблицей стилей имеет расширение .css и может редактироваться любым текстовым редактором.

Задать расширение файлу можно точно так же, как и при создании файла с расширением html.

Таблицу стилей, вынесенную в отдельный файл, можно использовать в нескольких HTML-документах.

Отдельный файл с таблицей стилей прикрепляется к HTML-документу с помощью одинарного тега <link>: <link rel=“stylesheet” type=“text/css” href=“style.css”>

Псевдостили - определяют динамическое состояние элементов, которое изменяется со временем или с помощью действий пользователя, а также положение в дереве документа.

Синтаксис применения псевдостилей: Элемент:Псевдостиль { Описание правил стиля }

active -происходит при активации пользователем элемента. Например, при наведении курсора на ссылку и нажатии левой кнопки мыши.

ü link -применяется к непосещенным ссылкам.

ü hover -псевдостиль активизируется, когда курсор мыши находится в пределах элемента, но щелчка по нему не происходит.

ü visited -псевдостиль применяется к посещенным ссылкам.

Пример:

<html>

<head>

<style type="text/css">

a:link { color: #036 } /* Цвет непосещенных ссылок */

a:visited { color: #606 } /* Цвет посещенных ссылок */

a:hover {color: #f00 } /* Цвет ссылок при наведении на них курсора мыши */

a:active { color: #ff0 } /* Цвет активных ссылок */

</style>

</head>

<body>

<a href="link1.html">Ссылка 1</a> |



<a href="link2.html">Ссылка 2</a> |

<a href="link3.html">Ссылка 3</a>

</body>

</html>


ЕДИНИЦЫ ИЗМЕРЕНИЯ

ФОРМАТИРОВАНИЕ ШРИФТА И ТЕКСТА

ОТСТУПЫ


  1. Абсолютные единицы:
    • Пиксел (px);
    • Миллиметр (mm);
    • Сантиметр (cm);
    • Дюйм (in) – 1 in=2.54 cm;
    • Пункт (pt) – 1 pt=1/72 in;
    • Пика (pc) – 1 pc=12 pt.
  1. Относительные единицы:
    • Процент (%);
    • Высота текущего шрифта (em);
    • Высота буквы “x” текущего шрифта (ex).
    • Для значения 0 можно не указывать единицы измерения.

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

o family-name (“Arial", “Times New Roman" или “Tahoma“).

2. Свойство font-styleпозволяет задать стиль шрифта. Он может принимать следующие значения:

      • normal – нормальный шрифт;
      • italic – курсивный шрифт;
      • oblique – наклонный шрифт.

3. Свойство font-sizeустанавливает размер шрифта.

4. Атрибут color позволяет задать цвет шрифта:

5. Атрибут font-weightпозволяет управлять жирностью шрифта. Может принимать следующие значения:

o 100, 200, …, 900 – значение 100 соответствует самому бледному шрифту, а 900 – самому жирному.

o normal – нормальный шрифт, соответствует значению 400.

o bold – полужирный шрифт, соответствует значению 700.




<== предыдущая лекция | следующая лекция ==>
Встраивание определения стилей в заголовок HTML-документа | Форматирование текста


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.003 сек.