Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

CSS. Стиль для отдельного тега.

⇐ ПредыдущаяСтр 3 из 10Следующая ⇒

CSS — Cascading Style Sheets (каскадные таблицы стилей) — это средство, позволяющее задавать различные свойства HTML-тегам. Например, можно указать, как должен выглядеть конкретный абзац P:

Стиль задается атрибутом style. Браузеру дано указание вывести абзац зелеными буквами размером в 1.5 сантиметра. Стилевые определения задаются при помощи указаний

характеристика:величина;

font-size:1.5cm;

color:green;

Указания отделяются друг от друга символом «;».Атрибут style можно использовать практически в каждом теге, задавая его специфические свойства.

Пример:
<HTML>

<HEAD>

<TITLE> Стиль для отдельного тега</TITLE>

</HEAD>

<H2> Стиль для отдельного тега </H2>

<HR>

<UL>

<LI>Это обычный текст.

<LI style="color:red; font-size:1cm;

font-style:italic">

Красные наклонные буквы высотой 1 см.

Отступ слева в 2 сантиметра.

</UL>

</BODY>

</HTML>

CSS. Стиль для отдельного HTML-файла.

Можно задавать стиль для тега или группы тегов так, чтобы определение работало на протяжении всего HTML-документа. Например, можно указать вид всех заголовков. Для этого достаточно написать определение в головной части документа через стилевые определения.

Стилевые определения или селекторы располагаются внутри блока

Стилевое определение имеет вид:

Имя тега (или имена тегов через запятые)

{ характеристика: величина;

…

характеристика: величина;

}

<HTML>

<HEAD>

<TITLE>Стиль для отдельного файла</TITLE>

<!--

H1,H2,H3,H4,H5,H6

{

text-align:right;

color:maroon;

font-family:Arial,Geneva,Helvetica,sans-serif;

} -->

</STYLE>

</HEAD>

<H2>Стиль для отдельного файла</H2>

<HR>

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

<H3>Это заголовок</H3>

<P>Это снова обычный текст

</BODY>

</HTML>

В приведенном выше примере использованы три характеристики:

• text-align: right; – задает выравнивание по

правому краю;

• color: red; – задает цвет red;

• font-family:"Arial Cyr", – задает рубленый

Geneva, sans-serif; шрифт.

CSS. Стиль для нескольких HTML-файлов.

Обычной практикой является указание стилей в отдельном файле. Для таких файлов используют расширение css. Например, можно в файле style.css записать:

BODY {margin-left: 40рх;}

Hl,H2,H3,H4,H5,H6

{

text-align: right;

color: red;

font-family: "Arial Cyr", Geneva, sans-serif;

}

Для подключения этих указаний в разделе <head>...</head>HTML-файла

нужно поместить ссылку:

<LINKrel=style sheet type="text/css“ href=style.css>

На этот стилевой файл могут ссылаться многие HTML-документы. Изменения в этом единственном файле скажутся на внешнем виде десятка страниц.

Понятно, что такой способ расположения стилевых определений очень удобен. На один и тот же стилевой файл могут ссылаться много HTML-документов. Изменения в этом единственном файле скажутся на внешнем виде десятка (а то и сотни) документов.

Обратите внимание на стилевое указание

body {margin-left: 40рх;}

Оно задает экранный отступ слева в 40 пикселов для всего документа в целом. Как видите, для задания страничного отступа можно обойтись без таблиц и полей, о которых говорилось HTML-кодах.

CSS. Комбинирование стилей для отдельного тега, отдельного HTML-файла, нескольких HTML-файлов.

внедрения стилей в HTML-коды:

• указания в отдельном теге;

• указания в заголовке HTML-файла;

• указания в отдельном CSS-файле.

C комбинируем эти способы. Какой из них окажется предпочтительнее, покажут примеры.

Документ без CSS-указаний

В примере, код которого приводится ниже,

заголовки выводятся черным цветом по белому.

<HTML><HEAD><TITLE>Пример 1</TITLE>

</HEAD><BODY bgcolor=white

text=black>

<H1>Заголовок 1</H1><H2>Заголовок 2</H2><HЗ>Заголовок 3</HЗ>

</BODY></HTML>

⇐ Предыдущая 1 234 5 6 7 8 9 10 Следующая ⇒

Читайте также:

Где возникла философия и почему?

Относительная высота сжатой зоны бетона

Сущность проекции Гаусса-Крюгера и использование ее в геодезии

Тарифы на перевозку пассажиров

Последнее изменение этой страницы: 2017-02-10; просмотров: 105; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.149.234.141 (0.005 с.)