Невозможно связать CSS файлов с HTML файлом - PullRequest
1 голос
/ 12 июля 2020

Я пытаюсь связать три таблицы стилей CSS с моим индексом. php файл:

  • bootstrap -337.мин. css
  • font-awesome.min. css
  • style. css

Я успешно связал bootstrap таблицу стилей, но не могу связать font-awesome и таблица стилей.

Я тестировал все три и стиль отдельно. css - это файл css, который я создаю для этого проекта.

Я также пытался поставить css код в тегах стиля в файле php, и это сработало, но я не могу связать css в отдельной таблице стилей

HTML КОД:

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>online store</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap-337.min.css" >
    <link rel="stylesheet" href="/font-awsome/css/font-awesome.min.css">
</head>

style. css :

/*
Template Name   : E-commerce
Author Name     : Pulkit Jain
Theme URL       : localhost/e-commerce
Theme ver       : 1.1
*/


/*General Styles*/

body {
    font-size: 14px;
    line-height: 1.40;
    color: #333333;
    background-color: #f0f0f0;
    overflow-x: hidden;
}


/* Top Style */

#top {
    background-color: #555555;
    padding: 10px 0;
}

Я работаю над VS Code с Xampp Server для Ubuntu

Я пробовал использовать атрибут type, '/' в конце тега ссылки, используя '/' в начало пути в href:

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

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

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

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

edit: Изображение каталога, содержащего стиль файла. css, который не загружен

edit: Изображение каталога, содержащего t он файл font-awesome. css, который не загрузился

Ответы [ 2 ]

0 голосов
/ 18 июля 2020

Вам просто нужно сделать это:

<link rel = 'stylesheet' type = 'text/css' href = 'style.css'>
0 голосов
/ 18 июля 2020
• 1000
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...