guide
<dimas>
help
|
On-line учебник
HTML с примерами,
справочник по созданию
Web-сайтов.
|
guide
<dimas>
help |
Учебник CSS
>>Примеры исходных кодов
Пример
включенной таблицы стилей
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE> Пример включенной таблицы
стилей </TITLE>
</HEAD>
<BODY>
<P style="font:
24pt garamond">
Включенная таблица стилей и атрибут style, включенный в
тэг абзаца
</P>
<span style="font: 18pt arial">
Стиль
этого раздела был определен комбинацией тэга span и атрибута style
</span>
</BODY>
</HTML>
Пример
внедренной таблицы стилей
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE> Пример внедренной таблицы
стилей</TITLE>
</HEAD>
<STYLE>
BODY {background:
#ffffff;color: #000000; margin-top: 120pt; margin-left: 150pt;margin-right:
100pt}
H3 {font: 14pt verdana; color: #0000ff}
P {font: 12pt
times;background-color: #00ff00; text-indent: 0.5in}
A {color: #ff0000}
</STYLE>
<BODY>
<H3>Документ с внедренной таблицей
стилей </H3>
<P> В этом документе фон белый, шрифт черный ;поля
150 пикселей, 120 и 100;</P>
<P>Все заголовки третьего уровня
будут выведены синим шрифтом Verdana высотой 14 пикселей.
</P>
<P>Абзацы простого текста оформлены красной строкой в 1/2
дюйма и выведены шрифтом Times высотой 12 пикселей.
<A
href="anyfile.htm">Ссылка</A>красного цвета
</P>
</BODY>
</HTML>
Пример
внешней таблицы стилей
Файл с расширением style.css
BODY {background: #ffffff;color: #000000;margin-top: 120pt;
margin-left: 150pt;margin-right: 100pt}
H3 {font: 14pt verdana; color:
#0000ff}
P {font: 12pt times;background-color: #00ff00; text-indent:
0.5in}
A {color: #ff0000}
Исходный код страницы
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE> Пример внешней таблицы
стилей</TITLE>
</HEAD>
<STYLE>
@import
URL("style.css");
</STYLE>
<BODY>
<H3>Документ с
внедренной таблицей стилей </H3>
<P> В этом документе фон белый,
шрифт черный; поля 150 пикселей, 120 и 100;</P>
<P>Все заголовки
третьего уровня будут выведены синим шрифтом Verdana высотой 14 пикселей.
</P>
<P>Абзацы простого текста оформлены красной строкой в 1/2
дюйма и выведены шрифтом Times высотой 12 пикселей.
<A
href="anyfile.htm">Ссылка</A>красного цвета
</P>
</BODY>
</HTML>
Пример
внешней таблицы стилей
Файл с расширением style.css
<STYLE>
BODY {background:#ffffff;color #000000;
margin-top: .25in}
H3 {font: 14pt verdana; color: #0000ff}
P {font: 12pt
times; text-indent: 0.5in; margin-left: .75in; margin-right: .75in}
A
{color:#ff0000}
</STYLE>
Исходный код страницы
<! DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 // EN ">
<HTML>
<HEAD>
<TITLE> Пример внешней таблицы
стилей</TITLE>
<LINK rel=stylesheet href="Style.css"
type="text/css">
</HEAD>
<BODY>
<H3>Заголовок
14 пикселей Verdana синий</H3>
<P>Абзац: шрифт 12 пикселей,
отступ текста 1/2 дюйма, выравнивание справа и слева 0,75 дюйма</P>
<A href="anyfile.htm">Ссылка</A>красная
</BODY>
</HTML>
Реклама от TUT.SU »