主页 / 问题 / 1598850
Accepted
сас
Asked:2024-11-05 04:49:12 +0800 CST2024-11-05 04:49:12 +0800 CST

CSS 不与 HTML 链接

  • 772

我不明白他们为什么不互相交流。

这是我的 html/css

.first #name {
  text-align: center;
  border: 2px solid #000000;
  padding: 10px 20px 10px 20px;
}

div {
  font-weight: 900;
  text-align: center;
}

#span {
  display: block;
  padding: 0.4em;
  width: 150px;
  background-color: #ccc;
  box-shadow: 0 0 0 1px #aaa;
  border-radius: 5px;
  text-align: center;
}

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #000;
}

#second {
  text-align: center;
}
<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Gefestia</title>
</head>

<body>
  <div class="first">
    <div id="name">GEFESTIA</div>
    <div id="phone">Контактный номер: +7(916)303-33-92</div>
    <div id="rem">РЕМОНТ КВАРТИР ПОД КЛЮЧ</div>
    <div id="mosc">В МОСКВЕ И МОСКОВСКОЙ ОБЛАСТИ</div>
    <div id="fast">Быстро | Качественно | В срок</div>
    <a href="#link"><span>Рассчитать стоимость</span></a>
  </div>
  <!--div id="link">Рассчитать стоимость ремонта квартиры у нас</div> это в самый низ страницы-->
  <div id="second">
    <div>Мы Gefestia - ремонтно-подрядная организация, готовая на себя взять ответственность за создание уюта в вашем доме.</div>
    <div>За 10 лет работы мы сдали 500 квартир и 25 ремонтируются в настоящее время. Посмотрите как мы это делаем!</div>
  </div>

html

2 个回答

  1. Best Answer

    您需要将 css 包含到文件中：

    而不是 css/main-style.css -文件的路径

    <!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Gefestia</title>
        <link rel="stylesheet" href="css/main-style.css">
    </head>
    <body>
        <div class="first">
            <div id="name">GEFESTIA</div>
            <div id="phone">Контактный номер: +7(916)303-33-92</div>
            <div id="rem">РЕМОНТ КВАРТИР ПОД КЛЮЧ</div>
            <div id="mosc">В МОСКВЕ И МОСКОВСКОЙ ОБЛАСТИ</div>
            <div id="fast">Быстро | Качественно | В срок</div>  
            <a href="#link"><span>Рассчитать стоимость</span></a>
        </div>
        <!--div id="link">Рассчитать стоимость ремонта квартиры у нас</div> это в самый низ страницы-->
        <div id="second">
            <div>Мы Gefestia - ремонтно-подрядная организация, готовая на себя взять ответственность за создание уюта в вашем доме.</div>
            <div>За 10 лет работы мы сдали 500 квартир и 25 ремонтируются в настоящее время. Посмотрите как мы это делаем!</div>
            </div>
    • 0

  2. 你忘了包含 css

    < link rel="stylesheet" href="путь к css" />
    • 0

相关问题