Блог

Главная - Вопросы по программированию - мой внешний css-файл не работает с загрузкой

мой внешний css-файл не работает с загрузкой

#html #css #bootstrap-5

Вопрос:

Я не знаю, почему это происходит, но я могу использовать только 1 таблицу стилей за раз, может ли она загрузиться в таблицу стилей или в мою внешнюю таблицу стилей, пожалуйста, помогите

Homepage.html

 <!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">    <!-- <link rel="stylesheet" href="untitled.css"> -->
    <link rel="StyleSheet" type="text/css" href="untitled.css" />
    <title>Hello, world!</title>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col">
                        <img src="skins/images (2).jfif" id="rectangle_6">
        </div>
        <div class="col">
          <img src="skins/images (2).jfif" id="rectangle_6">
        </div>
        <div class="col">
                        <img src="skins/images (2).jfif" id="rectangle_6">
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
  </body>
</html>

Без названия.css
введите описание изображения здесь

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

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

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

1. Вставьте свой внешний CSS-код сюда

2. rel может быть чувствителен к регистру?

3. @AmanSharma это слишком долго, ты все еще хочешь, чтобы я вставил это сюда

4. @NaveenSingla создайте jhttps://jsfiddle.net/ просто!

5. @NaveenSingla Вы добавили «div { позиция: абсолютная; }» в строку «11» и «#прямоугольник_6 {}», Это нарушает весь пользовательский интерфейс

Метки: