1ПИ / Учебник HTML / 215
.htmlУчeбник HTML.Таблицы стилей CSS.Селекторы.Классы.Атрибуты.Примеры. guide
<dimas>
help On-line учебник HTML с примерами,
справочник по созданию Web-сайтов. guide
<dimas>
help Главная Учебник HTML Учебник CSS Web- mastering Раскрутка Полезности FAQ Е- mailer Взять banner bookmark Контакты Отослать ссылку
Учебник 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>
Взять banner bookmark Контакты Отослать ссылку Раскрутка Полезности FAQ Е- mailer Главная Учебник HTML Учебник CSS Web- mastering guide
<dimas>
help u="u227.69.spylog.com";d=document;nv=navigator;na=nv.appName;t="";p=1; sz=" width=88 height=31 "; hl=history.length;d.cookie="b=b";c=0; bv=Math.round(parseFloat(nv.appVersion)*100); if (d.cookie) c=1;n=(na.substring(0,2)=="Mi")?0:1; if((n==0)||(bv >= 300)){rn=Math.random();t=(new Date()).getTimezoneOffset();} else {rn=0;} z="p="+p+"&rn="+rn+"&t="+t+"&c="+c+"&hl="+hl; if (self != top) { fr=1;} else { fr=0;} r=escape(d.referrer);r1=""; sl="1.0";h=0; pl="";sl="1.1"; if((n==1) && (bv >= 300)) { for(var i = 0; i < nv.plugins.length; i++) pl += nv.plugins[i].name+":"; } j = (navigator.javaEnabled() ? "Y" : "N"); sl="1.2";s=screen;wh=s.width+'x'+s.height; px=(n==0)?screen.colorDepth:screen.pixelDepth;z+="&wh="+wh+"&px="+px; sl="1.3" y=""; y+=""; y+=""; y+=""; d.write(y); On-line учебник HTML с примерами,
справочник по созданию Web-сайтов. guide
<dimas>
help