Как увидеть стиль CSS на рабочем столе (в автономном режиме), а также на веб-сайте (онлайн)? - PullRequest
Новая
       1

Как увидеть стиль CSS на рабочем столе (в автономном режиме), а также на веб-сайте (онлайн)?

0 голосов
/ 17 мая 2018

У меня есть style.css и HTML-файлы. Когда я загружаю их на сервер, я вижу заголовки в нужном мне стиле, но на рабочем столе - нет.

Оба моих файла на рабочем столе

На <head> У меня есть эта строка в моем HTML-файле: 

<link rel="stylesheet" href="/style.css">

Что я могу сделать, чтобы соединить файлы и увидеть стиль, применяемый, когда я в автономном режиме работаю на своем рабочем столе? а также онлайн на моем сайте

  • Я хочу добавить, я только что удалил /, и он работает в автономном режиме на моем рабочем столе (просто href = "style.css"), но не в сети - но я хочу, чтобы его можно было видеть как онлайн, так и автономно --- - и онлайн его не в одном файле

** edit: теперь я вижу, что то, что работает на обоих, это если я указываю адрес своего специального веб-сайта - чем это работает как в Интернете, так и в автономном режиме:

но если я захочу когда-нибудь изменить адрес своего веб-сайта, будет трудно изменить его на каждой странице, поэтому я хочу, чтобы он был: href = "/ style.css, а не адрес веб-сайта

Ответы [ 5 ]

0 голосов
/ 06 июня 2018

дай вот так 

<link rel="stylesheet" href="style.css">
0 голосов
/ 05 июня 2018

Ваши файлы должны иметь одинаковый относительный путь на рабочем столе и сервере, чтобы вы могли использовать один и тот же относительный путь для обоих.Относительный путь зависит от расположения вашего HTML-файла в обоих.

Если на рабочем столе есть папка с двумя файлами:

  • index.html
  • style.css

Внутри index.html вы будете ссылаться на свою таблицу стилей, используя <link rel="stylesheet" href="style.css">

Если на рабочем столе есть папка с 1 файлом и 1папка, содержащая файл:

  • index.html
  • css / (содержит файл: style.css)

Внутри index.html выЯ буду ссылаться на вашу таблицу стилей, используя <link rel="stylesheet" href="css/style.css">

Поскольку вы сказали, что <link rel="stylesheet" href="style.css"> правильно работает на вашем сервере, это означает, что ваши файлы HTML и CSS содержатся в одной родительской папке.На вашем местном, вы должны убедиться, что то же самое верно.Эта родительская папка может быть расположена где угодно - Документы, Рабочий стол, случайная подпапка, - но если она содержит этот HTML-файл и этот CSS-файл (и ни один из них не вложен в другую автономную папку), то <link rel="stylesheet" href="style.css"> будет работать для обоих.

Примечание. Вы можете изменить структуру папок на сервере или на рабочем столе, либо на обоих, но относительные пути должны совпадать, чтобы относительная ссылка работала для обоих.

0 голосов
/ 05 июня 2018

Ваш вопрос все еще неясен, но в целом ваш вопрос, кажется, основан на связывании таблицы стилей с вашим HTML-файлом, чтобы увидеть результаты вашего кода на вашем персональном ноутбуке и на сервере. Лучше всего для этого поддерживать файловую структуру, которая поддерживает организацию проекта, например, есть папка с именем "main", которая является папкой моего проекта, которая дополнительно содержит ваши подпапки, такие как CSS и js, и внутри этих папок вы должны сохранить ваши CSS и js файлы соответственно. Простая структура файла проекта:

основной
|
| -Css
| -Style.css
| -Js
| -Script.js
| -File.html

Если вы будете следовать файловой структуре, чтобы связать свои файлы, вы не ошибетесь, не имеет значения, находитесь ли вы на своем персональном рабочем столе или на сервере.

0 голосов
/ 05 июня 2018

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

Достаточно для пояснения. Я хочу, чтобы вы выполнили следующие действия: -

  1. Сначала создайте папку и скопируйтеваши HTML-файлы, CSS-файлы и JS-файлы в нем.Позволяет назвать папку как веб-сайт.
  2. Создать папку с именем css внутри папки веб-сайта.Скопируйте все файлы css в эту папку css.
  3. Внутри html-файлов, внутри записи <link rel="stylesheet" href="css/style.css">, при условии, что имя css-файла - style.css, и вы хотите включить этот конкретный файл в ваш html.

А что касается вашей онлайн-проблемы, я не могу ее понять.Если вы укажете немного больше, я смогу помочь.

0 голосов
/ 17 мая 2018

Если вы работаете локально без веб-сервера, вам нужно связать свои CSS-файлы следующим образом: 

<!-- Windows -->
<link rel="stylesheet" href="C:\Path\to\File\main.css">

<!-- Linux & Stuff -->
<link rel="stylesheet" href="/path/to/file/main.css">

Кроме того, вы можете использовать относительный путь к вашему файлу: 

<!-- if it's in the same folder -->
<link rel="stylesheet" href="main.css">
<!-- if it's in the css folder -->
<link rel="stylesheet" href="css/main.css">
<!-- if it's in the parent folder -->
<link rel="stylesheet" href="../main.css">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...