Не работает внешний стиль css, хотя код много раз проверялся на правильность - HTML и CSS

Edelveiss · 24.05.2012, 05:06

Доброе время суток

.

Моя проблема заключается вот в чём: я хотела привязать к html-странице файл css. Вроде тег <link rel ... набран правильно. Проверяла не раз. Когда я делаю стиль внутренним, всё работало, значит, ошибка в этом теге. Но чёрт возьми, я его много раз проверяла и её нет. Я никак не могу понять, в чём дело.
Вот код:

index.html:

Цитата:

<!DOCTYPE html>
<HTML>
<HEAD>
<LINK REL="stylesheet" HREF="main.css"

TYPE="text/css">
<META HTTP-EQUIV="Content-Type"

CONTENT="text/html; charset=utf-8">
<TITLE>Справочник по HTML и CSS</TITLE>
</HEAD>
<BODY>
<P><A HREF="css_index.htm">CSS</A> |
<A HREF="samples_index.htm">Примеры</A> |
<A HREF="about.htm">О разработчиках</A></P>
<H1>Справочник по HTML и CSS</H1>
<P>Приветствуем на нашем Web-сайте всех, кто

занимается Web-дизайном!
Здесь вы сможете найти информацию обо всех

интернет-технологиях,
применяемых при создании Web-страниц. А именно, о

языках <DFN>HTML</DFN> и
<DFN>CSS</DFN>.</P>
<hr>
<P>Русская Википедия определяет термин HTML

так:</P>
<BLOCKQUOTE>
<P>HTML (от англ. HyperText Markup Language —

язык разметки
гипертекста) — стандартный язык разметки

документов во Всемирной
паутине. (<A

HREF="http://ru.wikipedia.org/wiki/HTML"
TARGET="_blank">вся статья</A>)</</P>
</BLOCKQUOTE>
<P>Пожалуй, ни убавить ни прибавить...</P>
<hr>
<TABLE>
<CAPTION>Список версий HTML:</CAPTION>
<thead>
<TR>
<TH>Версия HTML</TH>
<TH>Год выхода</TH>
<TH>Особенности</TH>
</TR>
</thead>
<tbody>
<TR>
<TD>1.0</TD>
<TD>1992</TD>
<TD>Официально не была стандартизована</TD>
</TR>
<TR>
<TD>2.0</TD>
<TD>1995</TD>
<TD>Первая стандартизованная версия</TD>
</TR>
<TR>
<TD>3.2</TD>
<TD>1997</TD>
<TD>Поддержка таблиц и графики</TD>
</TR>
<TR>
<TD>4.0</TD>
<TD>1997</TD>
<TD>"Очищен" от устаревших тегов</TD>
</TR>
<TR>
<TD>4.01</TD>
<TD>1999</TD>
<TD>В основном, исправление ошибок</TD>
</TR>
<TR>
<TD>5.0</TD>
<TD>?</TD>
<TD>В разработке</TD>
</TR>
</tbody>
</TABLE>
<P>HTML позволяет формировать на Web-страницах

следующие
элементы:</P>
<UL>
<LI>абзацы;</LI>
<LI>заголовки;</LI>
<LI>цитаты;</LI>
<LI>списки;</LI>
<LI>таблицы;</LI>
<LI>графические изображения;</LI>
<LI>аудио- и видеоролики.</LI>
</UL>
<H2>Основные принципы HTML</H2>
<P>. . .</P>
<H2>Теги HTML</H2>
Часть I. Содержимое Web-страниц. Язык HTML 5
<P><CODE>!DOCTYPE</CODE>, <CODE>BODY</CODE>,

<CODE>EM</CODE>, <CODE>HEAD</CODE>,

<CODE>HTML</CODE>, <CODE>META</CODE>,

<CODE>P</CODE>, <CODE>STRONG</CODE>, <CODE><A

HREF="tags/t_title.html">TITLE</A></CODE>,

<CODE><A HREF="tags/t_img.html">IMG</A></CODE>,

<CODE><A

HREF="tags/t_audio.html">AUDIO</A></CODE>,

<CODE><A

HREF="tags/t_video.html">VIDEO</A></CODE>,

<CODE>A</CODE></P>
<ADDRESS>Все права защищены.<BR>© <A

HREF="mailto:user@mailserver.ru">чи татели</A>,

2010 год.</ADDRESS>
</BODY>
</HTML>

Код css:

Цитата:

BODY { color: #3B4043;
background-color: #F8F8F8;
font-family: Verdana, Arial, sans-serif }
P { font-size: 12pt }
H1, H2, H6 { font-weight: normal;
font-family: Arial, sans-serif }
H1 { font-size: 20pt }
H2 { font-size: 18pt }
H6 { font-size: 12pt }
TABLE { font-size: 10pt }
BLOCKQUOTE P,
ADDRESS { font-size: 10pt;
font-style: italic }

rlib · 02.06.2012, 04:55

Проверьте, что импортируемый css-фаил лежит в той же директории, что и html-фаил-импортер. Например:
c:\myprojects\index.html
c:\myprojects\main.css

kettanaito · 02.06.2012, 13:07

Попробуйте так:

Код:

<LINK REL="stylesheet" HREF="main.css" TYPE="text/css" />

Код:

BODY { color: #3B4043;
background-color: #F8F8F8;
font-family: Verdana, Arial, sans-serif; }
P { font-size: 12pt; }
H1, H2, H6 { font-weight: normal;
font-family: Arial, sans-serif; }
H1 { font-size: 20pt; }
H2 { font-size: 18pt; }
H6 { font-size: 12pt; }
TABLE { font-size: 10pt; }
BLOCKQUOTE P, ADDRESS { font-size: 10pt; font-style: italic; }

(Присоединяюсь к предыдущему оратору по поводу проверки расположения CSS-файла).

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Css стиль не работает на Internet Explorer!	T1pp	HTML и CSS	4	18.03.2016 15:35
Css стиль, списки	olgasme	HTML и CSS	1	17.07.2010 13:20
CSS как прописать стиль?	denk2	HTML и CSS	3	27.04.2010 17:50
В содержании отображается только стиль Заголовок1, хотя в параметрах указаны все девять заголовков	alevtina07	Microsoft Office Word	5	20.01.2010 14:03
Как сделать стиль CSS	Dimos33	HTML и CSS	2	27.10.2007 19:08

02.06.2012, 04:55	#2
rlib Форумчанин Регистрация: 22.05.2012 Сообщений: 352	Проверьте, что импортируемый css-фаил лежит в той же директории, что и html-фаил-импортер. Например: c:\myprojects\index.html c:\myprojects\main.css