Блог

Главная - Вопросы по программированию - CSS-лист не влияет на мой макет?

CSS-лист не влияет на мой макет?

#css

#css

Вопрос:

У меня есть asp.net веб-сайт, где я использую таблицы стилей. Проблема в том, что когда я зашел, чтобы внести некоторые изменения в таблицы стилей, они, похоже, не влияют на макет страниц. По наитию я закомментировал каждую строку в таблице стилей, и мой макет выглядит так же!

У меня есть таблица стилей, связанная с моей главной страницей, и макет выглядит (в основном) так, как я хочу. Что может вызвать такое поведение и как я могу попытаться исправить?

РЕДАКТИРОВАТЬ: моя ссылка на импорт выглядит так:

 <link href="NCLWebStyle.css" rel="stylesheet" type="text/css" media="screen" />

Комментарии:

1. Кэширование браузера? Нажмите CTRL F5, чтобы узнать.

2. Все еще может быть проблема с кешем с файлом CSS. Попробуйте изменить имя файла на NCLWebStyle.css?1

3. @MAW74656: Я не понимаю, как этот эксперимент исключит гипотезу кэширования.

4. находится css ли файл в той же папке, что и текущая страница, которую вы просматриваете?

5. @GabyakaG. Petrioli — он находится в той же папке, что и главная страница, которую используют все мои страницы.

Ответ №1:

Если вы используете Firefox, проверьте надстройку Firebug — это позволит вам просматривать страницу по мере ее загрузки и отображения в браузере, и вы сможете точно увидеть, какие правила CSS применяются к каждому элементу на вашей странице, каково наследование каждого атрибута — это бесценно, посколькуинструмент веб-дизайна

Комментарии:

1. -У меня есть firefox, знаете ли вы какие-нибудь хорошие учебные пособия для Firebug?

Ответ №2:

Некоторые идеи для отладки:

  1. Проверьте орфографию
  2. Проверьте ошибки страницы (в частности, 404s)
  3. Проверьте встроенные стили
  4. Проверьте наличие !important
  5. Вручную очистите кеш (временные интернет-файлы в IE)

Комментарии:

1. -Можете ли вы расширить !важное примечание?

2. !important это дьявол. Это в основном подталкивает правило, к которому оно применяется, к началу порядка приоритета. Итак, правило с !important переопределит любое правило, с которым оно будет конкурировать. Вот некоторая документация w3c

Ответ №3:

Загрузите сайт в Firefox и проверьте вкладку Net, чтобы убедиться, что таблица стилей загружается. По вашей ссылке похоже, что таблица стилей находится в той же папке, что и страница. Если это не так, возможно, потребуется пересмотреть путь. Если это не так, это проблема; в противном случае это может быть один из ваших селекторов. Простой способ диагностировать это — изменить что-то простое, например:

 body { background: red; }

Это приведет к тому, что фон будет красным, поэтому должно быть очевидно, если он загрузится. Если это так, то селекторы отключены или, возможно, стили, которые вы настраиваете, перезаписываются. Используйте Firebug, чтобы выбрать элементы и посмотреть, переписываются ли стили. Если стили, которые вы написали, имеют сквозной переход, то они перезаписываются более конкретным стилем или чем-то, что было загружено позже. Проверьте, откуда он загружает стили, которые он использует.

Кроме того, стили могут быть испорчены !important тегом, что предотвращает перезапись любых других стилей с помощью значений, которые он устанавливает.

Комментарии:

1. -Я не знал о теге !important, поэтому я определенно не использовал его. Я посмотрю на Firebug. Знаете какие-нибудь хорошие видеоуроки для этого?

Ответ №4:

Как выглядит ваш синтаксис ссылок?

т. е. <link rel="stylesheet" type="text/css" href="style/style.css" />

Комментарии:

1. Попробуйте изменить href на «./NCLWebStyle.css»

Метки: