Путь к файлу CSS правильный, код CSS правильный, но он не работает - PullRequest
Новая
       43

Путь к файлу CSS правильный, код CSS правильный, но он не работает

4 голосов
/ 27 ноября 2009

У меня странная, раздражающая проблема. У меня есть папка css/ и index.html в корне. Я загружаю CSS-файлы в шапку следующим образом: 

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>blabla</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="keywords" />
    <meta name="description" content="desc" />

    <!-- style files -->
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/global.css" media="screen" />
</head>

но css не работает: я вижу простой index.html. Я уверен, что путь CSS правильный; когда я нажимаю «просмотреть исходный код» и копирую / вставляю путь к файлам CSS, он показывает файлы CSS.

Кроме того, когда я копирую CSS прямо в index.html, это работает. В чем может быть проблема?

Ответы [ 17 ]

0 голосов
/ 04 февраля 2015

Проверьте права доступа к файлам, возможно, у вас нет прав на чтение файлов css. Дайте доступ на чтение каждому.

0 голосов
/ 03 февраля 2015

enter image description here

Пожалуйста, создайте структуру папок в соответствии с приведенным выше снимком экрана.

Я обновил все файлы и теперь он работает как положено. 

index.html
-----------------

    <!DOCTYPE html 
         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
        <title>blabla</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="keywords" content="keywords" />
        <meta name="description" content="desc" />

        <!-- style files -->
        <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/global.css" media="screen" />
    </head>
    <body>
    <div id="reset">
        Reset Div
    </div>

    <div id="layout">
        Layout Div
    </div>

    <div id="global">
        global Div

    </div>

    </body>
    </html>

----------
reset.css
----------
#reset{
color:green;
}

----------
global.css
----------

#global{
    color:red;
}

-----------
layout.css
------------

#layout{
color:blue;
}

Мы получим вывод ниже, когда запустим файл index.html.

enter image description here

0 голосов
/ 03 февраля 2015

Попробуйте перейти непосредственно к файлам CSS. Если ваш URL http://www.xxxx/com, попробуйте http://www.xxxx/com/css/xxxxx.css. Проверьте, можете ли вы открыть CSS. Если нет, проблема с вашим путем

0 голосов
/ 02 февраля 2015

попробуйте, удалив носитель и набрав атрибуты, может это сработает

0 голосов
/ 27 ноября 2009

Попробуйте удалить атрибут media. Я не знаю, повлияет ли это на это, но стоит попробовать.

0 голосов
/ 01 февраля 2015

Если вы используете весь URL в качестве пути, он работает? Если это так, значит, что-то не так с вашим путем. Попробуйте сделать его абсолютным, добавив / href = "/ css / reset.css"

0 голосов
/ 28 января 2015

Посмотрите в консоли отладки, загружены ли ресурсы. Если нет, и если вы видите эту ошибку для каждого ресурса: 

ERR_BLOCKED_BY_CLIENT

Просто отключить плагин AdBlock .

Страница:
...