Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 55 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

<A CLASS=mainlink>основная гипертекстовая ссылка</A>
<A CLASS=mainlink ID=blue>модифицированная гипертекстовая ссылка</A>
Следует отметить, что интерпретация идентификаторов объектов в Internet Explorer и Netscape Navigator различна. Су-
ществует еще атрибут name у элемента разметки. При идентификации объекта Netscape Navigator обычно имеет дело именно
с этим атрибутом, а Internet Explorer – с атрибутом ID.
Различия в интерпретации ID в браузерах при декларативном использовании CSS не очень страшны. Другое дело, если ав-
тор решится программировать стили, т.е. изменять значения атрибутов описателей стилей. В этом случае разница объектных
моделей документов в Netscape Navigator и Internet Explorer проявится в полной мере. Фактически, придется для каждого из
браузеров разрабатывать совершенно разные страницы.
3.3.4. Псевдоклассы и псевдоэлементы
Синтаксис:
селектор:псевдокласс { свойства }
селектор.класс:псевдокласс { свойства }
селектор:псевдоэлемент { свойства }
селектор.класс:псевдоэлемент { свойства }
Псевдоклассы и псевдоэлементы – это особые классы и элементы, присущие CSS и автоматически определяемые под-
держивающими CSS браузерами. Псевдоклассы различают разные типы одного элемента, создавая при определении собст-
венные стили для каждого из них. Псевдоэлементы являются частями других элементов, задавая этим частям отличный от
элемента в целом стиль.
Список псевдоклассов и псевдоэлементов
Anchor Pseudo Classes – эти псевдоклассы элемента <a href=" ">, обозначающего ссылку. Псевдоклассы этого элемен-
та:
:link (еще не посещенная ссылка);
:active (активная ссылка);
:visited (посещенный ранее URL);
:hover (псевдокласс, возникающий при поднесении курсора к ссылке).
Другие псевдоклассы:
:first-line. Этот псевдоэлемент может быть использован с block-level элементами (p, h1 и т.д.). Он изменяет стиль первой
строки этих элементов.
:first-letter. Изменяет первый символ абзаца.
:focus. Элемент, имеющий фокус ввода.
:lang. Этот псевдокласс определяет текущий язык.
:before. Определяет содержимое перед элементом.
:after. Определяет содержимое после элемента.
Пример:
a:link,a:visited {color:blue}
a:active {color:red}
a:hover {text-decoration:none}
В данном примере все элементы Anchor (ссылки) будут синими. При нажатии (в активном состоянии) поменяют цвет на
красный. И при подведении курсора мышки исчезнет подчеркивание.
3.3.5. Меры длины
Синтаксис:
[число] плюс [единица измерения] (без пропусков)
Пример:
566pt
Единицы длины:
px – pixels, пикселы
in – inches, дюймы
cm – centimeters, сантиметры
mm – millimeters, миллиметры
pt – points, точка (1pt = 1/72in)
pc – picas (1pc = 12pt)
% – процент
3.4. БЛОЧНЫЕ И СТРОКОВЫЕ ЭЛЕМЕНТЫ
В описании элементов разметки языка HTML существует понятие строкового (inline) элемента разметки и блочного
(block) элемента разметки. Формально они определены в DTD (Document Type Definition) SGML-описания (Standard General-
ised Markup Language) языка HTML. Проще всего объяснить различие между блоком и строковым элементом можно на при-
мере:
параграф – это блочный элемент разметки;
выделение курсивом – это строковый элемент разметки.

Страницы