Пример включенной таблицы стилей
<! 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> |
Пример внешней таблицы стилей
Файл с расширением sstyle.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="SStyle.css" type="text/css"> </HEAD> <BODY> <H3>Заголовок 14 пикселей Verdana синий</H3> <P>Абзац: шрифт 12 пикселей, отступ текста 1/2 дюйма, выравнивание справа и слева 0,75 дюйма</P> <A href="anyfile.htm">Ссылка</A>красная </BODY> </HTML> |