рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Создание файлов таблиц стилей

Создание файлов таблиц стилей - раздел Программирование, Фреймы в HTML-документах Пример 2.19.Файл Styles.css   H1{Font...

Пример 2.19.Файл styles.css

 

H1{font-size:24; font-weigt: bold; color: red; margin-left: 10%}

H2{font-size:20; font-weigt: bold; color: black; font-family: courier}

P.italic {font-style: italic}

P.red {color: red}

Здесь определено четыре стиля — H1, H2, P.italic и P.red

Определение стиля начинается с имени класса (например, H1), затем в фигурных скобках перечисляются параметры стиля. Для стиля класса H1 указан размер шрифта, равный 24 пунктам, задано утолщение, красный цвет и отступ с левой стороны на 10% от ширины экрана. Каждый параметр стилевого оформления задается своим именем, после которого через двоеточие следует значение параметра.

 

Результат выполнения примера имеет вид (рис. 2.20)

 

 

Рис. 2.20. Просмотр примера 2.19 (styles.css)

 

Ссылка на файл таблиц стилей. Чтобы документ HTML был оформлен с использованием файла таблицы стилей, в разделе заголовка документа необходимо разместить оператор <LINK>.

Пример 2.20. Ссылки на файл таблицы стилей

 

<HTML>

<HEAD>

<TITLE>Пример 3.1</TITLE>

<LINK REL=STYLESHEET HREF="styles.css" Type="text/css">

</HEAD>

<BODY BGCOLOR="yellow">

<H1>Команды логического форматирования</H1>

<P>Обычный текст

<H2>Заголовок второго уровня</H2>

<P CLASS=italic>Наклонный текст

<P CLASS=red>Текст красного цвета

</BODY>

</HTML>

 

Результат выполнения примера (рис. 2.21)

 

Рис. 2.21. Просмотр примера 2.20 (ссылка на файл таблицы стилей)

Параметр HREF указывает адрес таблицы стилей. Этот файл может находиться на любом сервере WWW. Параметр REL указывает, что подключаемый файл (таблица стилей, адрес которой указан HREF) является списком стилей.

Чтобы задействовать созданные классы, нужно указать имя нужного класса в параметре CLASS оператора <P> или другого оператора форматирования текста. Например, <P CLASS=italic>Наклонный текст или <P CLASS=red>Текст красного цвета

Стили в документе HTML. Встраивание таблицы стилей в HTML-документ осуществляется с помощью операторов <STYLE> и </STYLE>. Между операторами должна находиться таблица стилей

– Конец работы –

Эта тема принадлежит разделу:

Фреймы в HTML-документах

Фреймы в HTML документах.. Web технология разрешает использование многооконного интерфейса реализуемого при помощи фреймов Frame то есть..

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Создание файлов таблиц стилей

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Lt;IFRAME> является контейнером, располагающимся в отображаемом HTML-документе.
Атрибуты элемента <IFRAME> совпадают с атрибутами элемента <FRAME>. Точно также контейнер <IFRAME> . . . </IFRAME> может включать в качестве содержания все те элементы, что

Таблицы в HTML-документах
Таблицы в HTML-документах используются, во-первых, для представления табличных данных и, во-вторых, для позиционирования элементов HTML-документа в окне броузера. Элементы гипертекста (заголовки, с

Организация колонок. Элементы <COLGROUP> и <COL>.
Элементы <COLGROUP> и <COL> используются для формирования столбцов таблицы.   Синтаксис элемента <COL>: <COL attribute_1="value 1&q

Табличная верстка.
Ячейки таблицы могут включать самые разнообразные элементы гипер текста: элементы управления, встроенные таблицы, заголовки, тексты, списковые структуры, изображения, элементы форм, анимационные из

Каскадные таблицы стилей
Каскадные таблицы стилей (Cascading Style Sheets) рассматривают HTML-документ как структурированную совокупность типовых элементов, каждому из которых противопоставляется стиль оформления. Таким об

Интерактивные Web-страницы
Современные версии HTML (версия 4.0 и выше) дают возможность проектировать активные Web-страницы, поддерживающие диалог с пользователем и изменяющие свой вид в зависимости от этого диалога.

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги